Vue项目中使用sass全局变量

安装

//安装最新版本
npm i sass-resources-loader --save-dev

//安装指定版本
npm i sass-resources-loader@2.1.1 --save-dev

配置

module.exports = {
    chainWebpack: (chain) => {
        const oneofsMap =  chain.module.rule('scss').oneOfs.store
        oneofsMap.forEach(item=>{
            item
            .use('sass-resources-loader')
            .loader('sass-resources-loader')
            .options({
              resources: './src/styles/variables.scss', 
            })
        })
    } 
}