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

212 阅读 0 评论 140 点赞

我是靠谱客的博主懦弱飞鸟，这篇文章主要介绍解决Vue打包上线之后部分CSS不生效的问题，现在分享给大家，希望可以做个参考。

首先注释掉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不生效的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持靠谱客。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。