vue在main.js引入sass,在组件中使用变量报错

我写了个全局的样式变量
https://img.mukewang.com/5b823c8f0001917504460226.jpg

然后在main.js中引入
https://img2.mukewang.com/5b823c9b0001cb9c06260072.jpg

在组件中使用这些变量

https://img.mukewang.com/5b823cac0001d63d05900180.jpg

然后就报错了

https://img.mukewang.com/5b823cba000163b208000316.jpg

请问该怎么解决


波斯汪
浏览 2920回答 2
2回答

慕容3067478

sass的变量,只能组件需要的时候,以import的方式引入。main.js中引入的sass文件,可以作为全局样式。全局变量,在webpack看来,是无法识别的。

MMMHUHU

你的@在sass里面是无法使用的,获取不到相应的路径,你换成相对路径试试看
打开App,查看更多内容
随时随地看视频慕课网APP