快捷導(dǎo)航

一文詳解npm如何更新項(xiàng)目最新依賴包

更新時(shí)間：2023年01月15日 11:29:43 作者：牛奔

npm包的更新速度很快,為了將項(xiàng)目或者全局依賴更新到最新版本,下面這篇文章主要給大家介紹了關(guān)于npm如何更新項(xiàng)目最新依賴包的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下

NPM 是什么？

Node 軟件包管理器(NPM)提供了各種功能來(lái)幫助你安裝和維護(hù)項(xiàng)目的依賴關(guān)系。

由于錯(cuò)誤修復(fù)、新功能和其他更新，依賴關(guān)系可能會(huì)隨著時(shí)間的推移而變得過(guò)時(shí)。你的項(xiàng)目依賴越多，就越難跟上這些更新。

老舊的軟件包會(huì)對(duì)安全構(gòu)成威脅，并會(huì)對(duì)性能產(chǎn)生負(fù)面影響。最新的軟件包可以防止出現(xiàn)漏洞。這意味著定期檢查和更新依賴是很重要的。

如何保持依賴是最新的

現(xiàn)在，你可以逐一查看 package.json 中的每一個(gè)單獨(dú)的包，改變版本，然后運(yùn)行 npm install <package>@latest 來(lái)獲得最新版本。但這并不是最有效的方法。

想象一下，如果你有 20 個(gè)或更多的包，可以使用版本升級(jí)。相反，你應(yīng)該制定一個(gè)工作流程，在過(guò)期的依賴關(guān)系數(shù)量增加和升級(jí)變得越來(lái)越難之前，定期檢查新版本。

下面是一個(gè)我保持更新的工作流程：首先，發(fā)現(xiàn)哪些軟件包需要更新，以及版本落后的程度。接下來(lái)，選擇單獨(dú)或一起批量更新軟件包。始終對(duì)更新進(jìn)行測(cè)試，以確保沒(méi)有發(fā)生破壞性變化。

我更喜歡單獨(dú)執(zhí)行主要版本的更新。對(duì)于主要的更新，你很可能會(huì)遇到破壞性的變化。與許多包相比，撤銷(xiāo)或處理與一個(gè)包有關(guān)的代碼變化要容易得多。

在這篇文章中，我將詳細(xì)介紹檢查和升級(jí)依賴關(guān)系的方法。

怎樣使用 npm outdated 命令

npm outdated

該命令將檢查每個(gè)已安裝的依賴關(guān)系，并將當(dāng)前版本與 npm registry 中的最新版本進(jìn)行比較。它在終端打印出一個(gè)表格，概述了可用的版本。

它是內(nèi)置在 NPM 中的，所以不需要下載額外的軟件包。npm outdated 是一個(gè)很好的開(kāi)始，可以了解所需的依賴性更新的數(shù)量。

Current 是當(dāng)前安裝的版本。
Wanted 是根據(jù)semver 范圍內(nèi)的軟件包的最大版本。
Latest 是在 npm registry 中被標(biāo)記為最新的軟件包版本。

使用這種方法，要安裝每個(gè)軟件包的更新，你只需要運(yùn)行：

npm update

請(qǐng)記住，使用 npm update 它永遠(yuǎn)不會(huì)更新到一個(gè)主要的(major)，具有破壞性變化的版本。它更新 package.json 和 package-lock.json 中的依賴關(guān)系。它將使用想要的版本。

為了獲得 "最新 "的版本，在單個(gè)安裝中附加 @latest，例如 npm install react@latest。

怎樣使用 npm-check-updates

對(duì)于高級(jí)和可定制的升級(jí)體驗(yàn)，我推薦 npm-check-updates。這個(gè)包可以做所有 npm oudated 和 npm upgrade 能做的事情，并增加了一些自定義選項(xiàng)。不過(guò)，它確實(shí)需要安裝一個(gè)包。

點(diǎn)擊打開(kāi)文檔

要開(kāi)始使用，請(qǐng)?jiān)谌职惭b npm-check-updates 軟件包：

npm install -g npm-check-updates

然后，運(yùn)行 ncu 來(lái)顯示要升級(jí)的軟件包。與 npm outdated 類(lèi)似，它不會(huì)產(chǎn)生任何變化。

ncu
Checking package.json
[====================] 12/12 100%
 
 @testing-library/user-event    ^13.5.0  →  ^14.2.1
 @types/jest                    ^27.5.2  →  ^28.1.4
 @types/node                  ^16.11.42  →  ^18.0.1
 
Run ncu -u to upgrade package.json

要升級(jí)依賴性，你只需要運(yùn)行：

ncu --upgrade
 
// or 
ncu -u

資料：npm-check-updates

Red (顯示紅色) = major (主版本，或者說(shuō)是大版本)
Cyan (顯示青色) = minor(次要版本)
Green(顯示綠色) = patch (補(bǔ)丁版本)

這個(gè)方法只更新 package.json 文件中的依賴關(guān)系，并且會(huì)選擇最新的版本，即使它包括一個(gè)破壞性的變化。使用這種方法，npm install 不會(huì)自動(dòng)運(yùn)行，所以一定要在之后運(yùn)行它來(lái)更新 package-lock.json。

要選擇你喜歡的版本類(lèi)型，運(yùn)行 ncu --target [patch, minor, latest, newest, greatest]。