001 vue-cli 2.9.6 使用webpack模板,添加less预编译
问题描述:vue-cli3.x在创建模板项目时可选择less或sass,在vue-cli2.x版本中需要手动添加并配置webpack。
解决步骤:
-
npm i 装包
- 复制代码1
2npm install less less-loader --save-dev
-
-
打开 build / webpack.base.conf.js ,配置rule属性
- 复制代码1
2
3
4
5
6// 在module.exports导出对象中的module.rules数组属性中添加如下配置 { test: /.less$/, loader: "style-loader!css-loader!less-loader" }
-
最后
以上就是潇洒跳跳糖最近收集整理的关于001.vue-cli2.x使用webpack项目模板,手动添加less预编译。的全部内容,更多相关001内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复