Vue打包上线后，如何处理部分CSS失效的问题？

本文共计150个文字，预计阅读时间需要1分钟。

首先，移除不必要的符号和细节，并简化原文内容，以下是对原文的

plaintext在webpack.prod.conf.js中，添加new OptimizeCSSPlugin配置，并在utils.js中添加minimize: true。

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