亲测步骤如下:
1,在项目目录下开启命令行,运行如下命令,安装 less 和 less-loader:
npm install less less-loader --save-dev
成功标识如下:
![](https://i-blog.csdnimg.cn/blog_migrate/35b778c1f2b470db313feb58e8a5f8c5.png)
2,安装成功后,打开 build/webpack.base.conf.js
,在 module.exports =
的对象的 module.rules 数组尾部添加如下代码:
module.exports = {
// 此处省略已有内容
module: {
rules: [
// 此处省略已有的其他规则内容
{
//增加less配置支持
test: /\.less$/,
loader: "style-loader!css-loader!less-loader",
}
]
}
}
3,使用时,在组件中的 style 标签中 加上 lang="less"