概述
001 vue-cli 2.9.6 使用webpack模板,添加less预编译
问题描述:vue-cli3.x在创建模板项目时可选择less或sass,在vue-cli2.x版本中需要手动添加并配置webpack。
解决步骤:
-
npm i 装包
-
npm install less less-loader --save-dev
-
-
打开 build / webpack.base.conf.js ,配置rule属性
-
// 在module.exports导出对象中的module.rules数组属性中添加如下配置 { test: /.less$/, loader: "style-loader!css-loader!less-loader" }
-
最后
以上就是潇洒跳跳糖为你收集整理的001.vue-cli2.x使用webpack项目模板,手动添加less预编译。的全部内容,希望文章能够帮你解决001.vue-cli2.x使用webpack项目模板,手动添加less预编译。所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复