Vue/cli4.5版本升级采坑(2) - less-loader版本过高；引入less全局变量。

前提：vue2.6.x
注：由于vue3.0.0 对应的mint-ui的版本无法使用，所以还是做了vue降版本处理。

1. this.getOptions is not a function

安装less-loader 默认版本过高导致报错

 npm i less less-loader --save-dev
...
+ less-loader@8.1.1
+ less@4.1.1

直接安装less-loader 版本过高，会导致如下问题：
Syntax Error: TypeError: this.getOptions is not a function
@ ./node_modules/vue-style-loader…

降版本即可： “less-loader”: “^5.0.0”

2. Variable @background-white is undefined

less的全局变量文件是需要配置的

报错信息:

Syntax Error:
input:disabled {
background-color: @background-white;
^
Variable @background-white is undefined

变量文件：./src/assets/var.less

推荐： add方式安装：

vue add style-resources-loader 

选择less即可，会自动创建vue.config.js并把var.less文件引入（绝对路径）

再 npm run serve 即可 。

以上推荐add方案，也可以手动直接安装：

"style-resources-loader": "^1.4.1",
"vue-cli-plugin-style-resources-loader": "~0.1.5",

新建vue.config.js文件，贴在根目录下。

module.exports = {
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [
        './src/assets/var.less' 
      ]
    }
  }
}