引入全局变量报错
vue.config.js中已经配置了:
css: {
loaderOptions: {
sass: {
additionalData: `
@import "@/styles/variables.scss"; // scss文件地址
@import "@/styles/mixin.scss"; // scss文件地址
`
}
}
}
本地文件目录:
我在某个.vue文件引入的时候却报错,这样引入不行:
import variables from '@/styles/variables.scss'
<el-menu
...
:background-color="variables.menuBg"
:active-text-color="variables.menuActiveText"
...
>
根据提示,因为是说我已经全局引入变量了,不用在文件里单独引入了
所以我换了写法:
<el-menu
...
background-color="menuBg"
active-text-color="menuActiveText"
...
>
variables.scss文件里长这样:
没有报错了!所以就是我在vue.config.js全局配置了,就不用再单独引入咯…