scss
编辑vue.config.js文件module.exports={
//...
css:{
loaderOptions:{
sass:{
data:`@import"@/styles/variables.scss";`
//新版prependData:`@import"~@/styles/variables.scss";`
}
}
},
//...
}
注意:
新版的sass-loader使用prependData:`@import"~@/styles/variables.scss";`
less
安装开发依赖npminstall--save-devstyle-resources-loader
npminstall--save-devvue-cli-plugin-style-resources-loader
编辑vue.config.js文件constpath=require("path");
//...
module.exports={
//...
pluginOptions:{
"style-resources-loader":{
preProcessor:"less",
patterns:[path.resolve(__dirname,"./src/styles/variables.less")]
}
},
//...
}