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不生效怎么办
文章路径:https://www.cdcxhl.com/article8/ggjdop.html

成都网站建设公司_创新互联,为您提供云服务器商城网站静态网站动态网站全网营销推广微信公众号

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

外贸网站制作