Vue打包上线后，为什么部分CSS样式不生效？

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

首先，删除 `webpack.prod.conf.js` 中的以下代码：

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

然后在 `utils.js` 文件中添加以下代码：

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