vue/cli 使用全局less变量

设置less变量

添加vue-cli-plugin-style-resources-loader

vue add style-resources-loader

选择less（这里我用的是less 所以我选择的是less）

配置根目录下的 vue.config.js

配置代码如下

const path = require("path");

module.exports = {
  pluginOptions: {
    "style-resources-loader": {
      preProcessor: "less",
      patterns: [path.resolve(__dirname, "./src/assets/style/common.less")]
    }
  },
  lintOnSave: true,
  devServer: {
    overlay: {
      warnings: true,
      error: true
    }
  }
};

"./src/assets/style/common.less"
这个地址写你想导入的全局less的路径

重启服务可启用

完全OK