配置全局使用的scss样式公用样式函数（后台框架整体颜色改变）

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();

});

}

}