vue-cli3项目配置less全局变量

ps：项目已配置less，关于less配置不做多说

1.安装相关所需依赖包

npm install style-resources-loader vue-cli-plugin-style-resources-loader -D

2.添加全局less文件

3.设置vue.config.js

// 在暴露的配置对象添加如下配置

pluginOptions: {
  'style-resources-loader': {
    preProcessor: 'less',
    patterns: [path.resolve(__dirname, "./src/assets/css/common.less")] // 引入全局样式变量
  }
}

4.重启项目

 

使用如下