关于global样式引入的问题

Question

老师，我有一个疑惑，就是我已经在main.js中全局引入了global样式文件，为什么使用类似center、px2rem这些混入和方法的时候还是需要在组件下面引入global样式文件，否则就会报错找不到方法或者模块。

Answer 1

扬_灵 2020-07-06 17:37:02

同学你好，这是因为scss会被编译为css，到vue文件那里的时候已经没有scss变量和方法了。如果在 vue 文件中引入 golbal.scss 的话，就会被合并在一个文件里一起编译，变量和方法也就没问题了,如果不能解决你的问题，可以继续追问。

• 提问者 godlanbo #1

  谢谢你的回复，那这样设计global样式文件会不会多次引入，造成冗余？（我在main中引入，但是只有样式起效了，然后我在组件中又引入，只用到了方法和变量，其余的样式已经在main中引入过了）
  可不可以考虑全局样式文件全局引入，然后ScssScript代码文件单独出来（比如一个globalScript.scss文件），在main中只引入全局样式文件，需要的方法或者变量再单独在编写组件的时候引入globalScript文件。