配置全局使用的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();

    });

}

}   

你可能感兴趣的:(scss,css,sass)