更新 React 專案中所有依賴項的版本

Irakli Tchigladze 2023年1月30日 2022年5月18日
  1. 使用 Yarn 更新 React 版本
  2. 使用 npm 更新 React 版本
更新 React 專案中所有依賴項的版本

使用 React 框架 的 JavaScript 開發人員的數量每天都在增長。隨著時間的推移,框架也在不斷髮展。

例如,React Version 16.8 引入了鉤子,它改變了我們編寫和構建 React 元件的方式。要享受最佳和最新功能,你需要安裝最新版本。

通常,React 開發人員使用許多其他庫和核心 React 庫。例如,React Router 是一個獨立的庫,對於在 React 中構建強大的應用程式至關重要。

所有外部庫、包和模組都是執行應用程式依賴項所必需的。每個 React 專案可能有數十個甚至數百個依賴項。

你可以在 package.json 檔案中找到完整的依賴項列表。這些依賴項釋出了新版本,但更新它們可能會讓人筋疲力盡。

本文將介紹如何一次更新 package.json 檔案中的所有依賴項。

使用 Yarn 更新 React 版本

要使用 Yarn 更新專案的所有依賴項,你應該在專案資料夾中開啟一個命令列介面並執行以下簡單命令:

$ yarn upgrade

它將所有軟體包升級到最新的次要版本。請注意,yarn upgrade 命令不會將軟體包更新到其主要版本。

例如,如果假設包的版本是 15.0 並且新的版本 16.7 可用,yarn upgrade 命令將不會更新到最新的主要版本。

假設它是最新的次要版本,它將升級到 15.8 版本。

要了解有關版本號的更多資訊,請閱讀本指南

要將軟體包升級到最新的重要版本,你應該使用以下命令:

$ yarn upgrade --latest

這是一個簡單的操作,但簡單是有代價的。如果執行大型專案,將所有包自動更新到最新版本不是一個好主意。

你的專案可能依賴於特定版本的包中的 API,新版本釋出時可能會發生變化。

因此,安裝最新版本可能會破壞你的應用程式。

使用 npm 更新 React 版本

大多數 React 開發人員使用 npm 來更新他們專案中的依賴項。

要將軟體包更新到最新版本,你可以使用名為 npm-check-updates 的實用程式。

它會檢視你的包 .json 檔案並將每個依賴項更新為其最新版本。當然,這會帶來與我們上面描述的相同的相容性風險。

這是一個如何使用 npm-check-updates 的示例:

$ npm install -g npm-check-updates
$ ncu -u
$ npm install

如果要將庫或任何其他包升級到特定版本,可以使用以下命令:

$ npm install --save react@16.0.0

它將 React 更新到版本 16.0.0

Irakli Tchigladze avatar Irakli Tchigladze avatar

Irakli is a writer who loves computers and helping people solve their technical problems. He lives in Georgia and enjoys spending time with animals.

LinkedIn