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 相关文章推荐
window.location.href中url中数据量太大时的解决方法
Dec 23 Javascript
酷! 不同风格页面布局幻灯片特效js实现
Feb 19 Javascript
js判断浏览器是否支持严格模式的方法
Oct 04 Javascript
微信小程序 引用其他js文件实现代码
Feb 22 Javascript
Bootstrap表单制作代码
Mar 17 Javascript
Vue 实现树形视图数据功能
May 07 Javascript
vue-cli2.x项目优化之引入本地静态库文件的方法
Jun 19 Javascript
使用Vue实现图片上传的三种方式
Jul 17 Javascript
Node.js如何优雅的封装一个实用函数的npm包的方法
Apr 29 Javascript
超详细的5个Shell脚本实例分享(值得收藏)
Aug 15 Javascript
webstorm建立vue-cli脚手架的傻瓜式教程
Sep 22 Javascript
原生js 实现表单验证功能
Feb 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写入数据库类代码分享
2011/07/26 PHP
PHP写的资源下载防盗链类分享
2014/05/12 PHP
php并发加锁示例
2016/10/17 PHP
PHP实现的链式队列结构示例
2017/09/15 PHP
laravel csrf排除路由,禁止,关闭指定路由的例子
2019/10/21 PHP
jquery插件制作 手风琴Panel效果实现
2012/08/17 Javascript
js类式继承的具体实现方法
2013/12/31 Javascript
移动开发之自适应手机屏幕宽度
2016/11/23 Javascript
微信小程序 图片绝对定位(背景图片)
2017/04/05 Javascript
创建简单的node服务器实例(分享)
2017/06/23 Javascript
详解react使用react-bootstrap当轮子造车
2017/08/15 Javascript
mpvue小程序仿qq左滑置顶删除组件
2018/08/03 Javascript
详解离线安装npm包的几种方法
2018/11/25 Javascript
Vue.js数字输入框组件使用方法详解
2019/10/19 Javascript
ES6的异步操作之promise用法和async函数的具体使用
2019/12/06 Javascript
[01:14]2019完美世界城市挑战赛(秋季赛)全国总决赛精彩花絮
2020/01/08 DOTA
python函数参数*args**kwargs用法实例
2013/12/04 Python
python三元运算符实现方法
2013/12/17 Python
Mac中Python 3环境下安装scrapy的方法教程
2017/10/26 Python
Python3随机漫步生成数据并绘制
2018/08/27 Python
python数据处理 根据颜色对图片进行分类的方法
2018/12/08 Python
Pycharm新手教程(只需要看这篇就够了)
2019/06/18 Python
pandas 如何分割字符的实现方法
2019/07/29 Python
Flask框架学习笔记之消息提示与异常处理操作详解
2019/08/15 Python
Python实现串口通信(pyserial)过程解析
2019/09/25 Python
使用 Python ssh 远程登陆服务器的最佳方案
2020/03/06 Python
Python selenium爬取微信公众号文章代码详解
2020/08/12 Python
使用html2canvas将页面转成图并使用用canvas2image下载
2019/04/04 HTML / CSS
BONIA官方网站:国际奢侈品牌和皮革专家
2016/11/27 全球购物
Foot Locker德国官方网站:美国运动服和鞋类零售商
2018/11/01 全球购物
追悼会子女答谢词
2014/01/28 职场文书
教师绩效工资方案
2014/02/01 职场文书
2014年德育工作总结
2014/11/20 职场文书
烟台的海导游词
2015/02/02 职场文书
2015年评职称工作总结范文
2015/04/20 职场文书
《这片土地是神圣的》教学反思
2016/02/16 职场文书