解决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 相关文章推荐
js与jquery回车提交的方法
Feb 03 Javascript
js实现类似于add(1)(2)(3)调用方式的方法
Mar 04 Javascript
js精准的倒计时函数分享
Jun 29 Javascript
jQuery 跨域访问解决原理案例详解
Jul 09 Javascript
浅谈angularJS中的事件
Jul 12 Javascript
微信小程序 自己制作小组件实例详解
Dec 22 Javascript
JavaScrpt判断一个数是否是质数的实例代码
Jun 11 Javascript
详解vue + vuex + directives实现权限按钮的思路
Oct 24 Javascript
vuex如何重置所有state(可定制)
Jan 17 Javascript
学习node.js 断言的使用详解
Mar 18 Javascript
如何写好一个vue组件,老夫的一年经验全在这了(推荐)
May 18 Javascript
如何利用Node.js与JSON搭建简单的动态服务器
Jun 16 Javascript
微信小程序点击顶部导航栏切换样式代码实例
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多态的实现详解
2013/06/09 PHP
php遍历文件夹和文件列表示例分享
2014/03/11 PHP
Zend Framework教程之Resource Autoloading用法实例
2016/03/08 PHP
微信自定义菜单的创建/查询/取消php示例代码
2016/08/05 PHP
PHP面向对象之领域模型+数据映射器实例(分析)
2017/06/21 PHP
PHP中如何使用Redis接管文件存储Session详解
2018/11/28 PHP
ThinkPHP5.0框架结合Swoole开发实现WebSocket在线聊天案例详解
2019/04/02 PHP
JavaScript面向对象之体会[总结]
2008/11/13 Javascript
23个Javascript弹出窗口特效整理
2011/02/25 Javascript
JavaScript面向对象设计二 构造函数模式
2011/12/20 Javascript
Javascript 面向对象(二)封装代码
2012/05/23 Javascript
JavaScript获取table中某一列的值的方法
2014/05/06 Javascript
jquery实现手机号码选号的方法
2015/07/31 Javascript
js console.log打印对像与数组用法详解
2016/01/21 Javascript
解决JQuery全选/反选第二次失效的问题
2017/10/11 jQuery
js 中rewrap-ajax.js插件实例代码
2017/10/20 Javascript
Angular搜索 过滤 批量删除 添加 表单验证功能集锦(实例代码)
2017/10/25 Javascript
javascript数据结构之多叉树经典操作示例【创建、添加、遍历、移除等】
2018/08/01 Javascript
微信小程序动态增加按钮组件
2018/09/14 Javascript
详解Vue-Router源码分析路由实现原理
2019/05/15 Javascript
详解基于 Node.js 的轻量级云函数功能实现
2019/07/08 Javascript
如何用vue-cli3脚手架搭建一个基于ts的基础脚手架的方法
2019/12/12 Javascript
python生成日历实例解析
2014/08/21 Python
Python中的复制操作及copy模块中的浅拷贝与深拷贝方法
2016/07/02 Python
python 实现登录网页的操作方法
2018/05/11 Python
Python GUI布局尺寸适配方法
2018/10/11 Python
python解决OpenCV在读取显示图片的时候闪退的问题
2021/02/23 Python
如何利用CSS3制作3D效果文字具体实现样式
2013/05/02 HTML / CSS
巧用 CSS3的webkit-box-reflect 倒影实现各类动效
2021/03/05 HTML / CSS
Sisley法国希思黎美国官方网站:享誉全球的奢华植物美容品牌
2020/06/27 全球购物
2015年清明节扫墓演讲稿
2015/03/18 职场文书
2015年办公室主任工作总结
2015/04/09 职场文书
公司更名通知函
2015/04/24 职场文书
六一亲子活动感想
2015/08/07 职场文书
SpringBoot集成Redis的思路详解
2021/10/16 Redis
Javascript中async与await的捕捉错误详解
2022/03/03 Javascript