第一步:安装less依赖:npm install less less-loader --save
第二步:修改webpack.base.config.js文件,配置loader加载依赖,让其支持外部的less,在原来的代码上添加
{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader",
options: { sourceMap: true }// 可以看到当前标签样式来自于哪个less文件
}
第三步:<style scoped lang="less"> </style>
重新运行报错如下
原因:由于less-loader安装的版本过高,可以卸载后安装指定低版本
npm uninstall less-loader
npm install less-loader@4.1.0 -D
重启