Vue在打包之后出现Css样式冲突,解决方法。

先说问题

1:在做vue项目打包时出现Css样式冲突的问题。在本地运行项目时样式都是正常,但在服务器进行打包之后项目的整体样式就有问题了。

举例说明:

1.图片大小发生变化,怎么改也改不好。

2.在查看F12中会多出当前页面没有设置过的Css样式。

3.或者是设置过的样式,在F12中显示带“黑线”的也就是被注释的。

4.页面样式跑偏等等。

都有可能是Css样式冲突造成的,不清楚大家是不是这样的,反正我是这样的。

经过这次的问题,把我遇到的解决办法记录一下,

遇到的解决方案

1.第一种方法可以选择在每个vue组件的style标签上加上