一、
首先使用style-resources-loader,配置vue.config.js,这样就可以在所有组件中使用scss文件中定义的变量了,是没问题的:
vue.config.js:
var.scss:
app.vue:
启动项目可以看到字体是红色的,scss文件中的变量可以正常使用:
二、
但是当我想直接在main.js中引入var.scss文件,而不是通过style-resources-loader和配置vue.config.js时,会报错:
main.js中直接引入var.scss:
这是为啥呢。。
这是npm上的介绍,应该是只支持样式文件中注入,不支持js文件注入。