Vue 项目中引用css合并冲突

Question

在Vue项目中，从main入口文件通过 require 引入公用scss，但是打开控制台，css会被编译成多份。请问这个是什么原因造成的，在项目中引入公用scss最合理的方式是什么？谢谢大神

Answer 1

问题应该是你的scss文件被引入了多次，后一次的覆盖了上一次的，找招哪些地方多次引入了，或者多次执行了相同的代码

Answer 2

把样式文件细化 重置基础样式 公共样式,组件用哪个 引用哪个

Answer 3

可以检查一下，每个组件.vue文件里面的style片段是否加有scoped属性

Answer 4

compass里面可以通过--import-path来指定全局scss的目录，

compass watch --import-path D://sass//lib

如果是纯 Sass的话：

命令行添加参数--load-path