一、安装sass-resources-loader
npm install sass-resources-loader
二、更改vue.config.js配置
module.exports = {
chainWebpack: config => {
const oneOfsMap = config.module.rule('scss').oneOfs.store
oneOfsMap.forEach(item => {
item
.use('sass-resources-loader')
.loader('sass-resources-loader')
.options({
// 要公用的scss的路径
resources: './src/assets/css/reset.scss'
})
.end()
})
}
}
三、使用
/*
* common.scss 文件
*/
$mainColor: red;
/*
* index.vue文件
*/
h3 {
color: $mainColor;
}