我是靠谱客的博主 潇洒跳跳糖,这篇文章主要介绍001.vue-cli2.x使用webpack项目模板,手动添加less预编译。,现在分享给大家,希望可以做个参考。

001 vue-cli 2.9.6 使用webpack模板,添加less预编译

问题描述:vue-cli3.x在创建模板项目时可选择less或sass,在vue-cli2.x版本中需要手动添加并配置webpack。

解决步骤:

  1. npm i 装包

    1. 复制代码
      1
      2
      npm install less less-loader --save-dev
  2. 打开 build / webpack.base.conf.js ,配置rule属性

    1. 复制代码
      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内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(76)

评论列表共有 0 条评论

立即
投稿
返回
顶部