vue-cli3 引入less全局变量

1.安装依赖

vue add style-resources-loader

2.在vue.config.js中配置

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

3.在需要用到的less文件中引用全局的less文件即可

 

@import "variable.less";

 vue文件中style标签下面  @import "~@/assets/css/variable.less";  引用