vue+webpack dev本地调试全局样式引用失效的解决方案
2020-05-04 07:10
1681 查看
今天遇到了奇怪的问题,在main.js中引入全局样式,在组件中引用样式时,有些样式失效,有些样式生效。但是神奇的是build打包后样式是正常的。
注册两字没有变成红色。。刚开始以为是class名字命名冲突之类的,网上查了很多资料,有提到说css文件中写了中文注释引起的,试过了不行。后来把所有的样式删掉,只剩一个样式,就生效了。好了,罪魁祸首就是空格符。build打包时会有压缩,所以不会有这个问题。
进入【utils.js】,添加压缩就好了
const cssLoader = { loader: 'css-loader', options: { sourceMap: options.sourceMap, minimize: true //添加 } }
以上这篇vue+webpack dev本地调试全局样式引用失效的解决方案就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- vue+webpack dev本地调试全局样式引用失效问题
- 详解vue-cil和webpack中本地静态图片的路径问题解决方案
- vue更新后删除了dev-server.js,后台数据模拟或开发本地请求本地数据配置在webpack.dev.conf.js
- VUE开发请求本地数据的配置,旧版本dev-server.js,新版本webpack.dev.conf.js
- VUE开发请求本地数据的配置,旧版本dev-server.js,新版本webpack.dev.conf.js
- vue-cil和webpack中本地静态图片的路径问题解决方案
- VUE开发请求本地数据的配置,旧版本dev-server.js,新版本webpack.dev.conf.js
- vue-cli webpack 全局引用jquery
- Vue 2.0 --webpack.dev.conf.js--本地模拟数据(因为2.0删除了build文件下的dev-server.s )!!
- vue-cli3.x中使用axios发送请求,配合webpack中的devServer编写本地mock数据接口(get/post/put/delete)...
- vue-cil和webpack中本地静态图片的路径问题解决方案
- vue开发请求本地数据旧版本dev-server.js,新版本webpack.dev.conf.js
- vue-cli webpack全局引入jquery
- 关于多入口webpack打包后vuex样式无法生效的问题
- 解决方案:SSM+vue+webpack+vue-resource+vue-route路由项目验证session过期跳转至登陆界面
- 利用webpack打包vue项目后在本地运行资源报404错误
- vue——46-webpack打包vue-路由、嵌套路由、样式设置、独立路由 router.js
- vue cli&webpack:无法运行webpack-dev-server
- idea webstore vue webpack 热更新失效
- webpack-dev-server+vue构建开发环境(一)