解决vue打包之后部分css不生效问题

用vue的脚手架做前端开发的时候,本地开发所有的样式都能生效,但是打包之后就会有部分样式失效,且在浏览器中无法找到该css属性。

解决办法如下:

首先注释掉webpack.prod.config.js中,下面的代码

9444961-f69b46cf086ec206.png

这个插件的作用是为了消除来自不同组件之间可能重复的css的。

然后在utils.js中添加,minimize:true

9444961-9d3f5bac8aa51a12.png

以上就不会出现无效的css了。

我遇到的问题是,当内容超过3行的时候,多出部分省略的样式无法添加。

猜你喜欢

转载自blog.csdn.net/weixin_34284188/article/details/87389834
今日推荐