
在Vue项目开发中,为了全局使用scss变量,通常会配置vue.config.js并使用style-resources-loader。这种方法在.vue组件中能正常工作,但在main.js中直接导入scss文件则会报错。
这是因为style-resources-loader仅能将scss资源注入到样式文件(如.vue组件中的标签),而无法注入到JavaScript文件中。因此,在main.js中直接导入scss是无效的。 正确的做法是在Vue组件的标签内使用scss变量和mixin等。










