- 首先,需要安装一个loader,sass-resources-loader
npm install sass-resources-loader --save-dev
- 找到vue.config.js文件,如果没有的话,则自己在根目录新建一个即可
- 在文件内编写如下代码:
module.exports = {
css: {
loaderOptions: {
sass: {
data: `@import "@/styles/_variable.scss";`
}
}
}
}
注意:如果编写完以上代码,重启项目后出现错误
请将data
换成prependData
module.exports = {
css: {
loaderOptions: {
sass: {
//data: `@import "@/styles/_variable.scss";`//换成下面的
prependData: `@import "@/styles/_variable.scss";`
}
}
}
}