1.添加依赖
npm install less less-loader --save-dev
2.打开build/webpack.base.conf.js,在 module.exports 的对象的module.rules里添加一个新规则:
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安装的版本过高,降低版本即可
在package.json中替换低版本:“less-loader”: “^4.0.5”,