1.添加依赖

npm install less less-loader --save-dev

2.打开build/webpack.base.conf.js,在 module.exports 的对象的module.rules里添加一个新规则:

{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader",
}

3.在代码中的style标签中加上lang="less"属性即可。

如有遇到问题:Module build failed: TypeError: this.getOptions is not a function

解决办法:

原因: less-loader安装的版本过高,降低版本即可

npm install less@3.9.0 less-loader@4.1.0 --save-dev