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(一)jquery选择符 必备知识点
Nov 25 Javascript
检测input每次的输入是否合法遇到汉字输入就有问题
May 23 Javascript
随鼠标上下滚动的jquery代码
Dec 05 Javascript
jquery实现鼠标点击后展开列表内容的导航栏效果
Sep 14 Javascript
13个PHP函数超实用
Oct 21 Javascript
DOM操作和jQuery实现选项移动操作的简单实例
Jun 07 Javascript
js实现html table 行,列锁定的简单实例
Oct 13 Javascript
javascript实现获取指定精度的上传文件的大小简单实例
Oct 25 Javascript
详解vue-cli快速构建项目以及引入bootstrap、jq
May 26 Javascript
详解升级react-router 4 踩坑指南
Aug 14 Javascript
微信小程序实现签到功能
Oct 31 Javascript
javascript实现倒计时提示框
Mar 02 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入门源程序
2006/10/09 PHP
ThinkPHP中order()使用方法详解
2016/04/19 PHP
php  PATH_SEPARATOR判断当前服务器系统类型实例
2016/10/28 PHP
JS验证邮箱格式是否正确的代码
2013/12/05 Javascript
浅谈Javascript中深复制
2014/12/01 Javascript
跟我学习javascript的this关键字
2020/05/28 Javascript
jQuery获取某天的农历日期并判断是否除夕或新年的方法
2016/03/01 Javascript
如何在Linux上安装Node.js
2016/04/01 Javascript
jQuery根据name属性进行查找的用法分析
2016/06/23 Javascript
canvas绘制七巧板
2017/02/03 Javascript
JS中使用 after 伪类清除浮动实例
2017/03/01 Javascript
AngularJs+Bootstrap实现漂亮的计算器
2017/08/10 Javascript
jquery中有哪些api jQuery主要API
2017/11/20 jQuery
基于vue实现圆形菜单栏组件
2019/07/05 Javascript
python装饰器使用方法实例
2013/11/21 Python
发布你的Python模块详解
2016/09/15 Python
浅谈Python中的可变对象和不可变对象
2017/07/07 Python
解决pycharm界面不能显示中文的问题
2018/05/23 Python
python 利用turtle库绘制笑脸和哭脸的例子
2019/11/23 Python
Python tornado上传文件的功能
2020/03/26 Python
虚拟环境及venv和virtualenv的区别说明
2021/02/05 Python
css3背景_动力节点Java学院整理
2017/07/11 HTML / CSS
Monnier Freres中文官网:法国领先的奢侈品配饰在线零售商
2017/11/01 全球购物
ProForm英国站点:健身房和健身器材网上商店
2019/06/05 全球购物
Blank NYC官网:夹克、牛仔裤等
2020/12/16 全球购物
2014年仓管员工作总结
2014/11/18 职场文书
2014年保卫工作总结
2014/12/05 职场文书
考试作弊检讨
2015/01/27 职场文书
财务工作个人总结
2015/02/27 职场文书
中小企业员工手册范本
2015/05/14 职场文书
企业法人代表证明书
2015/06/18 职场文书
2016春季幼儿园开学寄语
2015/12/03 职场文书
关于redisson缓存序列化几枚大坑说明
2021/08/04 Redis
如何用vue实现网页截图你知道吗
2021/11/17 Vue.js
Vue ECharts实现机舱座位选择展示功能
2022/05/15 Vue.js
一文搞懂Java中的注解和反射
2022/06/21 Java/Android