我是靠谱客的博主 潇洒跳跳糖,最近开发中收集的这篇文章主要介绍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. npm install less less-loader --save-dev
      
  2. 打开 build / webpack.base.conf.js ,配置rule属性

    1. //	在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预编译。所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部