vue3中使用scss全局变量

1、安装库：sass-resources-loader
安装命令 install sass-resources-loader --save-dev

2、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({
          resources: './src/styles/common.scss'  //相对路径
        })
        .end()
    })

3、已经可以在任何组件中，使用全局变量了