更新 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