vuecli less配置使用步骤
1.安装less、less-loader包
yarn add less less-loader --save
2.使用less
虽然vuecli起项目时没配置less，vuecli其实已经预设了less webpack配置，所以上述包安装后可以直接使用
<style lang="less" scoped>
...
</style>
安装less-loader getOptions报错解决办法
上述安装使用操作步骤中有一个坑，社区很多都没说对，经过本人亲测，发现其中本质原因，先说明之，已助后人。
Syntax Error: TypeError: this.getOptions is not a function
因为wepack5之后，getOptions函数可以由webapck提供，less-loader高版本随之移除自己封装的getOtions函数。所以安装后会报错。webpack官方解释如下。
Tip
从 webpack 5 开始，this.getOptions 可以获取到 loader 上下文对象。它用来替代来自 loader-utils 中的 getOptions 方法。
所以办法有二，一是升级webpack，二是回退less-loader版本，第二种可实施性较大，经测可将版本回退至less-loader@5.0.0版本即可解决问题。
解决代码如下:
yarn remove less-loader --dev
yarn add less-loader@^5
