vue+webpack dev本地调试全局样式引用失效的解决方案


Posted in Javascript onNovember 12, 2019

今天遇到了奇怪的问题,在main.js中引入全局样式,在组件中引用样式时,有些样式失效,有些样式生效。但是神奇的是build打包后样式是正常的。

vue+webpack dev本地调试全局样式引用失效的解决方案

注册两字没有变成红色。。刚开始以为是class名字命名冲突之类的,网上查了很多资料,有提到说css文件中写了中文注释引起的,试过了不行。后来把所有的样式删掉,只剩一个样式,就生效了。好了,罪魁祸首就是空格符。build打包时会有压缩,所以不会有这个问题。

进入【utils.js】,添加压缩就好了

const cssLoader = {
  loader: 'css-loader',
  options: {
   sourceMap: options.sourceMap,
   minimize: true //添加
  }
 }

vue+webpack dev本地调试全局样式引用失效的解决方案

以上这篇vue+webpack dev本地调试全局样式引用失效的解决方案就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery pagination插件实现无刷新分页代码
Oct 13 Javascript
js简单实现Select互换数据的方法
Aug 17 Javascript
果断收藏9个Javascript代码高亮脚本
Jan 06 Javascript
超赞的jQuery图片滑块动画特效代码汇总
Jan 25 Javascript
jquery实现简单的banner轮播效果【实例】
Mar 30 Javascript
javascript 内置对象及常见API详细介绍
Nov 01 Javascript
AngularJS自定义插件实现网站用户引导功能示例
Nov 07 Javascript
AngularJS实现用户登录状态判断的方法(Model添加拦截过滤器,路由增加限制)
Dec 12 Javascript
35个最好用的Vue开源库(史上最全)
Jan 03 Javascript
Vue开发Html5微信公众号的步骤
Apr 11 Javascript
微信小程序 调用远程接口 给全局数组赋值代码实例
Aug 13 Javascript
JS实现吸顶特效
Jan 08 Javascript
解决Vue在Tomcat8下部署页面不加载的问题
Nov 12 #Javascript
JS如何实现动态添加的元素绑定事件
Nov 12 #Javascript
解决Vue打包上线之后部分CSS不生效的问题
Nov 12 #Javascript
微信小程序点击顶部导航栏切换样式代码实例
Nov 12 #Javascript
Vue自定义指令结合阿里云OSS优化图片的实现方法
Nov 12 #Javascript
浅谈如何优雅处理JavaScript异步错误
Nov 12 #Javascript
vue页面切换项目实现转场动画的方法
Nov 12 #Javascript
You might like
php时间戳转换的示例
2014/03/31 PHP
PHP中substr()与explode()函数用法分析
2014/11/24 PHP
php中使用url传递数组的方法
2015/02/11 PHP
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
LNMP部署laravel以及xhprof安装使用教程
2017/09/14 PHP
LaravelS通过Swoole加速Laravel/Lumen详解
2018/03/02 PHP
PHP命名空间与自动加载类详解
2018/09/04 PHP
JQuery 初体验(建议学习jquery)
2009/04/25 Javascript
编写Js代码要注意的几条规则
2010/09/10 Javascript
新鲜出炉的js tips提示效果
2011/04/03 Javascript
JS跨域代码片段
2012/08/30 Javascript
JQuery的ready函数与JS的onload的区别详解
2013/11/21 Javascript
JS实现让网页背景图片斜向移动的方法
2015/02/25 Javascript
jQuery左右滚动支持图片放大缩略图图片轮播代码分享
2015/08/26 Javascript
jQuery实现进度条效果代码
2015/12/17 Javascript
全面解析JavaScript里的循环方法之forEach,for-in,for-of
2020/04/20 Javascript
JSON 对象未定义错误的解决方法
2016/09/29 Javascript
vue.js实现请求数据的方法示例
2017/02/07 Javascript
Bootstrap + AngularJS 实现简单的数据过滤字符查找功能
2017/07/27 Javascript
AngularJs的UI组件ui-Bootstrap之Tooltip和Popover
2018/07/13 Javascript
解决layui 复选框等内置控件不显示的问题
2018/08/14 Javascript
详解JS中统计函数执行次数与执行时间
2018/09/04 Javascript
5分钟快速掌握JS中var、let和const的异同
2018/09/19 Javascript
Vue实现按钮级权限方案
2019/11/21 Javascript
在HTML中使用JavaScript的两种方法
2020/12/24 Javascript
在Python中使用lambda高效操作列表的教程
2015/04/24 Python
Python实现定时精度可调节的定时器
2018/04/15 Python
python lambda的使用详解
2021/02/26 Python
用Java语言将一个键盘输入的数字转化成中文输出
2013/01/25 面试题
高考标语大全
2014/06/05 职场文书
党的生日活动方案
2014/08/15 职场文书
公司放假通知怎么写
2015/04/15 职场文书
2015小学教师年度考核工作总结
2015/05/12 职场文书
就业证明函
2015/06/17 职场文书
2016年“我们的节日·端午节”活动总结
2016/04/01 职场文书
中国古代史学名著《战国策》概述
2019/08/09 职场文书