在vue中的设置less全局变量

Posted 2020-12-22 stella1024

1、先安装依赖包sass-resources-loader：

npm install sass-resources-loader --save-dev

2、配置文件：build/util.js下

// less: generateLoaders(‘less‘),
    less: generateLoaders(‘less‘).concat({ 
        loader: ‘sass-resources-loader‘, 
        options: { 
          resources: path.resolve(__dirname, ‘../src/assets/css/public/var.less‘)     // var.less为新建的全局变量的文件
        } 
    }),

具体修改代码截图：

 

 

3、重启后测试是否成功：