解决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 IE中的DOM ready应用技巧
Jul 23 Javascript
Jquery 插件学习实例1 插件制作说明与tableUI优化
Apr 02 Javascript
jquery的冒泡事件的阻止与允许(三种实现方法)
Feb 01 Javascript
js 控制页面跳转的5种方法
Sep 09 Javascript
Node.js中创建和管理外部进程详解
Aug 16 Javascript
jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)
Oct 28 Javascript
Webpack path与publicPath的区别详解
May 03 Javascript
js指定日期增加指定月份的实现方法
Dec 19 Javascript
vue+vant-UI框架实现购物车的复选框全选和反选功能
Nov 05 Javascript
d3.js 地铁轨道交通项目实战
Nov 27 Javascript
jQuery实现倒计时功能完整示例
Jun 01 jQuery
Vue Elenent实现表格相同数据列合并
Nov 30 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
ThinkPHP单字母函数(快捷方法)使用总结
2014/07/23 PHP
Windows下PHP开发环境搭建教程(Apache+PHP+MySQL)
2016/06/13 PHP
Adnroid 微信内置浏览器清除缓存
2016/07/11 PHP
PHP命令Command模式用法实例分析
2018/08/08 PHP
Thinkphp5.0框架视图view的循环标签用法示例
2019/10/12 PHP
浅谈laravel 5.6 安装 windows上使用composer的安装过程
2019/10/18 PHP
学习ExtJS accordion布局
2009/10/08 Javascript
一些技巧性实用js代码小结
2009/10/14 Javascript
firefox浏览器不支持innerText的解决方法
2013/08/07 Javascript
浅析JavaScript中两种类型的全局对象/函数
2013/12/05 Javascript
$("").click与onclick的区别示例介绍
2014/09/25 Javascript
包含中国城市的javascript对象实例
2015/08/03 Javascript
jQuery实现Flash效果上下翻动的中英文导航菜单代码
2015/09/22 Javascript
Jquery中使用show()与hide()方法动画显示和隐藏图片
2015/10/08 Javascript
浅谈JavaScript的push(),pop(),concat()方法
2016/06/03 Javascript
基于jquery插件编写countdown计时器
2016/06/12 Javascript
DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法(排序,过滤,分页等)
2016/11/09 Javascript
微信小程序人脸识别功能代码实例
2019/05/07 Javascript
解决在Vue中使用axios POST请求变成OPTIONS的问题
2020/08/14 Javascript
Python登录注册验证功能实现
2018/06/18 Python
Python面向对象之Web静态服务器
2019/09/03 Python
给Python学习者的文件读写指南(含基础与进阶)
2020/01/29 Python
Django 项目布局方法(值得推荐)
2020/03/22 Python
Python3爬虫ChromeDriver的安装实例
2021/02/06 Python
马来西亚时装购物网站:ZALORA马来西亚
2017/03/14 全球购物
世界上最具创新性的增强型知名运动品牌:Proviz
2018/04/03 全球购物
size?法国官网:英国伦敦的球鞋精品店
2020/03/15 全球购物
个人求职简历中英文自我评价
2013/12/16 职场文书
物流专业大学生职业生涯规划书范文
2014/01/15 职场文书
社区活动策划方案
2014/08/21 职场文书
酒店七夕情人节活动策划方案
2014/08/24 职场文书
第二批党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
企业财务总监岗位职责
2015/04/03 职场文书
廉政党课工作报告案例
2019/06/21 职场文书
golang 比较浮点数的大小方式
2021/05/02 Golang
总结一下关于在Java8中使用stream流踩过的一些坑
2021/06/24 Java/Android