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