解决Vue打包上线之后部分CSS不生效的问题


Posted in Javascript onNovember 12, 2019

首先注释掉webpack.prod.conf.js中下面的代码

new OptimizeCSSPlugin({
 cssProcessorOptions: config.build.productionSourceMap
 ? { safe: true, map: { inline: false } }
 : { safe: true }
}),

然后在utils.js中添加, minimize:true

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

然后重新打包传到线上,解决!

以上这篇解决Vue打包上线之后部分CSS不生效的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript setTimeout()传递函数参数(包括传递对象参数)
Apr 07 Javascript
js setTimeout 常见问题小结
Aug 13 Javascript
js对图片base64编码字符串进行解码并输出图像示例
Mar 17 Javascript
js简单抽奖代码
Jan 16 Javascript
jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
Aug 26 Javascript
微信小程序 选择器(时间,日期,地区)实例详解
Nov 16 Javascript
jQuery实现弹出窗口弹出div层的实例代码
Jan 09 Javascript
js实现按座位号抽奖
Apr 05 Javascript
你有必要知道的10个JavaScript难点
Jul 25 Javascript
小程序二次贝塞尔曲线实现购物车商品曲线飞入效果
Jan 07 Javascript
微信小程序利用Canvas绘制图片和竖排文字详解
Jun 25 Javascript
Vue+scss白天和夜间模式切换功能的实现方法
Jan 05 Vue.js
微信小程序点击顶部导航栏切换样式代码实例
Nov 12 #Javascript
Vue自定义指令结合阿里云OSS优化图片的实现方法
Nov 12 #Javascript
浅谈如何优雅处理JavaScript异步错误
Nov 12 #Javascript
vue页面切换项目实现转场动画的方法
Nov 12 #Javascript
解决vue-cli 打包后自定义动画未执行的问题
Nov 12 #Javascript
vue transition 在子组件中失效的解决
Nov 12 #Javascript
vue+element导航栏高亮显示的解决方式
Nov 12 #Javascript
You might like
PHP 截取字符串函数整理(支持gb2312和utf-8)
2010/02/16 PHP
PHP导航下拉菜单的实现如此简单
2013/09/22 PHP
使用php计算排列组合的方法
2013/11/13 PHP
codeigniter框架The URI you submitted has disallowed characters错误解决方法
2014/05/06 PHP
php 判断过去离现在几年的函数(实例代码)
2016/11/15 PHP
在Mac OS下搭建LNMP开发环境的步骤详解
2017/03/10 PHP
PHP使用new StdClass()创建空对象的方法分析
2017/06/06 PHP
javascript复制对象使用说明
2011/06/28 Javascript
使用JavaScript 编写简单计算器
2014/11/24 Javascript
jquery队列函数用法实例
2014/12/16 Javascript
高效的jquery数字滚动特效
2015/12/17 Javascript
javascript实现列表切换效果
2016/05/02 Javascript
jquery对象访问是什么及使用方法介绍
2016/05/03 Javascript
jQuery的promise与deferred对象在异步回调中的作用
2016/05/03 Javascript
在vue中通过axios异步使用echarts的方法
2018/01/13 Javascript
jQuery发请求传输中文参数乱码问题的解决方案
2018/05/22 jQuery
JS array数组检测方式解析
2020/05/19 Javascript
vue prop传值类型检验方式
2020/07/30 Javascript
Map与WeakMap类型在JavaScript中的使用详解
2020/11/18 Javascript
js异步接口并发数量控制的方法示例
2020/11/22 Javascript
[00:31]DOTA2荣耀之路7:Miracle-空血无敌斩
2018/05/31 DOTA
python正则分组的应用
2013/11/10 Python
浅析Python中的join()方法的使用
2015/05/19 Python
python 3.3 下载固定链接文件并保存的方法
2018/12/18 Python
Python爬虫小例子——爬取51job发布的工作职位
2020/07/10 Python
用纯CSS3实现网页中常见的小箭头
2017/10/16 HTML / CSS
英国骑行、跑步、游泳、铁人三项运动装备专卖店:Wiggle
2016/08/23 全球购物
英国电动工具购买网站:Anglia Tool Centre
2017/04/25 全球购物
Crabtree & Evelyn欧盟:豪华洗浴、身体和护发
2021/03/09 全球购物
房务中心文员岗位职责
2014/04/16 职场文书
大二学生自我检讨书
2014/10/23 职场文书
员工辞职信范文
2015/03/02 职场文书
中学生勤俭节约倡议书
2015/04/29 职场文书
朋友聚会开场白
2015/06/01 职场文书
golang中实现给gif、png、jpeg图片添加文字水印
2021/04/26 Golang
matlab xlabel位置的设置方式
2021/05/21 Python