升級vue
- 在 package.json ,paclage-lock.json 中將vue版本改為目標(biāo)版本,然后執(zhí)行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是開發(fā)環(huán)境需要用到,可以改成 --save-dev / -D
方法二: - 在package.json中,將element-ui版本改為目標(biāo)版本,再執(zhí)行npm install(此次升級到了2.13.0)
升級webpack到4.0^
因為是將現(xiàn)有項目從3.0^ 直接升級到 4.0以上,在配置上會比較麻煩,所以此次升級沒有按照官網(wǎng)的升級去做,而是直接找到原github開源項目的 升級版
我們原項目使用的是vue-element-template,這里感謝開源作者提供給我們這么好的后臺管理系統(tǒng)
一個簡單的方法:
獲取原項目的作者github升級版本,對比文件目錄等,改變自身項目的目錄和配置文件
這個是相當(dāng)于只保留自身項目的src文件,其他都使用作者更新的
可能升級后的依賴也會變化,需要對應(yīng)升級:可以刪掉node_modules包,重新 npm i
然后根據(jù)報錯和自身項目需要的包,對應(yīng)重新安裝
重新安裝可能對應(yīng)包也會升級掉,所以升級完成后檢查一下系統(tǒng)原功能是否正常,這里升級antv-g2之后,文檔改了,導(dǎo)致了一些錯誤
更新模塊
更新模塊使用 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.* 版本。這一點要特別特別特別的注意。
不帶參數(shù)的更新模塊
會更新到小版本號最新的那個版本,但不會更新到大版本號。
$ npm update lodash
--save 參數(shù)
更新模塊的同時將更新信息記錄到 package.json 文件中
$ npm update lodash --save
指定更新的版本
就算指定版本,也只能更新到小版本號最新的那個版本,對大版本號不起作用
比如 lodash 的版本號有:3.9.1、3.10.1、4.13.1
當(dāng)前已經(jīng)安裝的 lodash 版本是 3.9.1
$ npm update lodash@4.13.1 --save
此時由于對大版本號進(jìn)行更新,結(jié)果沒有任何響應(yīng),依然是 3.9.1 版本。
$ npm update lodash@3.10.* --save
此時并沒有更改大版本號,更新結(jié)果為 lodash 的版本變成了 3.10.1 版本。