android系统定制开发Vue项目安装less和less-loader

第一步:查看webpack和webpack-cli是否安装

打开cmd,android系统定制开发通过命令查看

webpack -v
  • 1
webpack-cli -v
  • 1

android系统定制开发如果没有安装,要先进行安装

可以通过 npm view webpack version / npm view webpack-cli version 查看当前webpack的最新版本

可以通过 npm view webpack versions 查看当前webpack的所有版本(webpack-cli同理)

通过命令安装webpack和webpack-cli

  • 如果先安装webpack,会提示报错,没有安装webpack-cli,所以先安装webpack-cli比较好
  • 安装的版本最好是 webpack@4 webpack-cli@3,因为下面less-loader的版本是根据webpack选择的,其他版本对应的less-loader我暂时没有去查
npm install webpack-cli -g 
  • 1
npm install webpack -g
  • 1

第二步:确定webpack版本

上一步中,我们已经知道webpack的版本是4+

第三步:安装less和

在打开终端,进入项目安装(我记得less好像全局安装没用,每个vue项目要单独安装)
less目前的最高版本是5+,但保险起见,我们还是安装4+比较好(我不知道安装5+会不会报错)

npm install less@4 --save-dev
  • 1

less-loader的版本号要搭配webpack的版本号来选择,webpack@4+可以选择的less-loader版本是5~7(忘记在哪里查到的了,不确定一定是对的,不过我安7是没问题的)

npm install less-loader@7 --save-dev
  • 1

第四步:使用less

完成less的安装后,我们只需要在style节点上加上lang=‘less’,就可以使用less语法了

<style lang='less' scoped></style>
  • 1
  • 2
  • 3

总结

  • 安装webpack@4
  • 安装webpack-cli@3
  • 安装less@4
  • 安装less-loader@7

我是在自己电脑已经安装的webpack和webpack-cli的版本的基础上安装的less,我不知道其他版本这样安装会不会报错,报错很大一部分原因是less-loader版本过高,和webpack版本不适配

网站建设定制开发 软件系统开发定制 定制软件开发 软件开发定制 定制app开发 app开发定制 app开发定制公司 电商商城定制开发 定制小程序开发 定制开发小程序 客户管理系统开发定制 定制网站 定制开发 crm开发定制 开发公司 小程序开发定制 定制软件 收款定制开发 企业网站定制开发 定制化开发 android系统定制开发 定制小程序开发费用 定制设计 专注app软件定制开发 软件开发定制定制 知名网站建设定制 软件定制开发供应商 应用系统定制开发 软件系统定制开发 企业管理系统定制开发 系统定制开发