1.创建scss文件
//背景颜色
$main-bj-color: var(--mainBjColor, #0138b5);//例子
2.vue.config.js
module.exports = {
chainWebpack: (config) => {
//引入scss全局变量
const oneOfsMap = config.module.rule("scss").oneOfs.store;
oneOfsMap.forEach((item) => {
item
.use("style-resources-loader")
.loader("style-resources-loader")
.options({
// 需要插入的文件路径
patterns: "./src/assets/style/variable.scss",
// 需要插入的文件路径数组
// patterns: ["./path/to/vars.scss", "./path/to/mixins.scss"]
})
.end();
});
}
}