VUE-CLI3 引入全局LESS文件里的变量

1、首先安装依赖

在命令行工具里，执行以下命令，利用脚手架安装依赖 less 和 less-loader

vue ui

2、使用vue安装style-resources-loader，不是npm！！！

vue add style-resources-loader

完成结果如下：

3、修改根目录 vue.config.js 的patterns参数

const path = require("path");
module.exports = {
  pluginOptions: {
    "style-resources-loader": {
      preProcessor: "less",
      patterns: [path.resolve(__dirname, "src/assets/theme.less")]
    }
  }
};