升级vue+element项目

升级vue

  • 在 package.json ,paclage-lock.json 中将vue版本改为目标版本,然后执行npm install (此次从2.5.9升级到了2.6.10)
  • vue-template-complier 需要跟vue版本一致

升级element-ui

方法一:

  • 先卸载elementui: npm uninstall element-ui
  • 重新安装:npm install element-ui -S // elementui是开发环境需要用到,可以改成 --save-dev / -D
    方法二:
  • 在package.json中,将element-ui版本改为目标版本,再执行npm install(此次升级到了2.13.0)

升级webpack到4.0^

因为是将现有项目从3.0^ 直接升级到 4.0以上,在配置上会比较麻烦,所以此次升级没有按照官网的升级去做,而是直接找到原github开源项目的 升级版
我们原项目使用的是vue-element-template,这里感谢开源作者提供给我们这么好的后台管理系统
一个简单的方法:
获取原项目的作者github升级版本,对比文件目录等,改变自身项目的目录和配置文件
这个是相当于只保留自身项目的src文件,其他都使用作者更新的

可能升级后的依赖也会变化,需要对应升级:可以删掉node_modules包,重新 npm i
然后根据报错和自身项目需要的包,对应重新安装
重新安装可能对应包也会升级掉,所以升级完成后检查一下系统原功能是否正常,这里升级antv-g2之后,文档改了,导致了一些错误

更新模块
更新模块使用 npm update 指令。

  • 更新模块注意事项
  • 更新模块只能往后面版本更新,不能往老的版本回滚更新。
    比如先安装了 lodash 模块 3.9.* 版本,可以往后更新到 3.10.* 版本,但是不能往前更新回 3.8.* 版本。
  • 更新模块只能更新到小版本号最新的那个版本,不能更新大版本号。
  • 一个模块的版本号由三部分组成:大版本号.小版本号.次版本号。
    如 lodash 模块的某个版本 3.9.1,其中:
    3 是大版本号
    9 是小版本号
    1 是次版本号
    使用 $ npm update lodash 只能将 3.9.1 更新到小版本号最大的那个版本,这里是 3.10.1,而不能更新到 4.* 版本。这一点要特别特别特别的注意。

不带参数的更新模块
会更新到小版本号最新的那个版本,但不会更新到大版本号。
$ npm update lodash

--save 参数
更新模块的同时将更新信息记录到 package.json 文件中
$ npm update lodash --save

指定更新的版本
就算指定版本,也只能更新到小版本号最新的那个版本,对大版本号不起作用
比如 lodash 的版本号有:3.9.1、3.10.1、4.13.1

当前已经安装的 lodash 版本是 3.9.1

$ npm update [email protected] --save
此时由于对大版本号进行更新,结果没有任何响应,依然是 3.9.1 版本。

$ npm update [email protected].* --save
此时并没有更改大版本号,更新结果为 lodash 的版本变成了 3.10.1 版本。

你可能感兴趣的:(升级vue+element项目)