时间:2021-05-18
首先注释掉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不生效的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
1、使用脚手架搭建一个vue项目2、运行,在本地运行没问题,接着打包上服务器,遇到404的错误,如下这是webpack打包的结果,解决办法如下1、修改build
1、问题描述本地的vue项目在server端浏览没问题,但是执行npmrunbuild打包之后在本地预览是白屏。有很多js,css无法加载。2、解决方法在con
Vue打包后出现一些map文件的解决办法:问题:可能很多人在做vue项目打包,打包之后js中,会自动生成一些map文件,那我们怎么把它去掉不要呢?1,运行cnp
问题描述:vue项目打包后,文件找得到,但是引用的字体及背景图片找不到;解决方法:主要是需要单独为css配置publicPath。ExtractTextWebp
前言:我们的vue代码打包上传到服务器之后,要是数据接口以后换了域名什么的,是不是需要重新去vue文件里修改接口。能不能生成一个配置文件,里面可以配置域名或其它