Vue打包上线之后部分CSS不生效怎么办

这篇文章给大家分享的是有关Vue打包上线之后部分CSS不生效怎么办的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

创新互联建站是一家专业提供禹城企业网站建设,专注与成都网站设计、成都网站制作、外贸网站建设H5开发、小程序制作等业务。10年已为禹城众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。

首先注释掉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不生效怎么办”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


名称栏目:Vue打包上线之后部分CSS不生效怎么办
分享地址:http://hbruida.cn/article/ggjdop.html