vue本地启动服务开发与代码压缩之后访问样式上有出入

Question

我本地开发的时候在某个组件中写的样式如果带代码压缩之后从线上看的话该组件中的某些样式会影响到全局或者其它页面的样式，有办法解决么

Answer 1

• 使用css module，就是在style标签里面加上scoped。
• 每个组件独有一个class，然后组件的所有样式都挂在这个class下面，如

.box{
  xxx:xxx
}
.box .header{ }
.box .footer{ }
...

Answer 2

vue文件style标签有没有加scoped声明作用域

<style scoped>
.test{}
</style>

Answer 3

1、css modules

2、声明样式作用域：1）每个组件外层套一个 wrap；2）<style scoped> 标签