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 相关文章推荐
Javascript 函数中的参数使用分析
Mar 27 Javascript
Javascript将string类型转换int类型
Dec 09 Javascript
SinaEditor使用方法详解
Dec 28 Javascript
浅谈javascript回调函数
Dec 07 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
Sep 26 Javascript
浅谈JavaScript的函数及作用域
Dec 30 Javascript
微信小程序 图片宽度自适应的实现
Apr 06 Javascript
Node.js  事件循环详解及实例
Aug 06 Javascript
vue中element组件样式修改无效的解决方法
Feb 03 Javascript
微信小程序scroll-view实现字幕滚动
Jul 14 Javascript
Vue+abp微信扫码登录的实现代码示例
Jan 06 Javascript
浅谈Vue使用Elementui修改默认的最快方法
Dec 05 Vue.js
解决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
header()函数使用说明
2006/11/23 PHP
PHP实现登陆表单提交CSRF及验证码
2017/01/24 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
Extjs学习笔记之四 工具栏和菜单
2010/01/07 Javascript
jQuery UI 实现email输入提示实例
2013/08/15 Javascript
jquery easyui combox一些实用的小方法
2013/12/25 Javascript
JavaScript中的原型和继承详解(图文)
2014/07/18 Javascript
Javascript限制网页只能在微信内置浏览器中访问
2014/11/09 Javascript
JS长整型精度问题实例分析
2015/01/13 Javascript
jQuery实现表格行上移下移和置顶的方法
2015/05/22 Javascript
Jquery日期选择datepicker插件用法实例分析
2015/06/08 Javascript
JavaScript Ajax编程 应用篇
2016/07/02 Javascript
EasyUI修改DateBox和DateTimeBox的默认日期格式示例
2017/01/18 Javascript
简单实现js悬浮导航效果
2017/02/05 Javascript
使用Bootstrap + Vue.js实现添加删除数据示例
2017/02/27 Javascript
JavaScript中数组Array方法详解
2017/02/27 Javascript
jQuery设计思想
2017/03/07 Javascript
NodeJS处理Express中异步错误
2017/03/26 NodeJs
Angular2中如何使用ngx-translate进行国际化
2017/05/21 Javascript
详解VUE 对element-ui中的ElTableColumn扩展
2018/03/28 Javascript
JavaScript事件委托原理与用法实例分析
2018/06/07 Javascript
vue 子组件和父组件传值的示例
2020/09/11 Javascript
python封装对象实现时间效果
2020/04/23 Python
在Windows服务器下用Apache和mod_wsgi配置Python应用的教程
2015/05/06 Python
Python实战小程序利用matplotlib模块画图代码分享
2017/12/09 Python
Django Rest framework解析器和渲染器详解
2019/07/25 Python
Python命名空间及作用域原理实例解析
2020/08/12 Python
python Autopep8实现按PEP8风格自动排版Python代码
2021/03/02 Python
全球销量第一生发产品:Viviscal
2017/12/21 全球购物
养殖项目策划书范文
2014/01/13 职场文书
请假条怎么写
2014/04/10 职场文书
歌唱比赛策划方案
2014/06/06 职场文书
社保转移委托书范本
2014/10/08 职场文书
小学英语教学反思范文
2016/02/15 职场文书
在vue中import()语法不能传入变量的问题及解决
2022/04/01 Vue.js