通过阅读 package.json 升级 React 版本及其依赖项

IT技术 reactjs dependencies upgrade
2021-05-07 00:37:28

我有一个现有的项目,react@15根据该项目具有所有依赖项。但是现在我必须升级到react@16它的依赖项。现在,问题是 - 有很多依赖项,识别每个依赖项的版本非常耗时。

所以,我想知道是否有一种方法可以升级 React 的版本及其在 中提到的依赖项package.json,而无需手动修改package.json文件。

4个回答

使用 npm

最新版本,同时仍然尊重package.json: 中的 semvernpm update <package-name>所以,如果你的 package.json 说"react": "^15.0.0"并且你运行npm update react你的 package.json 现在会说"react": "^15.6.2"(当前最新版本的 react 15)。

但既然你想从react 15 到react 16,那是行不通的。最新版本与您的服务器无关:npm install --save react@latest.

如果你想要一个特定的版本,你可以运行npm install --save react@<version>例如npm install --save react@16.0.0.

https://docs.npmjs.com/cli/install

使用纱线

最新版本,同时仍然尊重package.json: 中的 semveryarn upgrade react

最新版本与您的服务器无关:yarn upgrade react@latest.

https://yarnpkg.com/lang/en/docs/cli/upgrade/

如果您想在现有的 react 步骤中更新 react 和 react-dom 版本,请运行此命令我希望您获得最新版本的 react 和 react-dom。

谢谢

npm install react@latest react-dom@latest

是的,您可以使用 Yarn 或 NPM 来编辑您的 package.json。

yarn upgrade [package | package@tag | package@version | @scope/]... [--ignore-engines] [--pattern]

就像是:

yarn upgrade react@^16.0.0

然后我会看到什么警告或错误,然后运行yarn upgrade [package]. 无需手动编辑文件。可以从 CLI 执行所有操作。

或者只是运行yarn upgrade以将所有包更新到最新版本,这对于大型项目来说可能是个坏主意。API 可能会改变,事情可能会中断。

或者,使用 NPM 运行npm outdated以查看哪些包会受到影响。然后

npm update

https://yarnpkg.com/lang/en/docs/cli/upgrade/

https://docs.npmjs.com/getting-started/updating-local-packages

我强烈建议使用yarn upgrade-interactive来更新 React 或任何与此相关的 Node 项目。它列出了您的软件包、当前版本、最新版本、与您所拥有的相比的次要、主要或补丁更新的指示,以及指向相应项目的链接。

您可以使用 运行它yarn upgrade-interactive --latest,如果需要,请查看发行说明,使用箭头键向下移动列表,通过使用空格键选择要升级的软件包,然后点击Enter完成。

Npm-upgrade可以,但没有那么流畅。