如何自动升级 package.json 或 react 库?

Posted

技术标签:

【中文标题】如何自动升级 package.json 或 react 库?【英文标题】:How to upgrade package.json or react libraries automatically? 【发布时间】:2021-09-10 22:34:42 【问题描述】:

如何使用命令自动升级 React 应用程序中的包?我不想手动检查 package.json 中的每个库并检查其最新版本。我想一次性升级我的 package.json。

【问题讨论】:

【参考方案1】:
npm i -g npm-check-updates
ncu -u
npm install

看起来npm-check-updates是现在实现这一目标的唯一方法。

【讨论】:

【参考方案2】:

javascript 项目中升级库、框架肯定是一个令人厌烦和复杂的过程。但是,从长远来看,它有更多的好处和稳定性。

以下是升级库很重要的主要原因:

新功能: 大多数依赖项都有明确的新功能路线图。

?️性能改进: 除了新功能外,还经常进行性能改进。

? 修复错误:虽然在您依赖的库中发现错误是正常的,但补丁版本有助于修复这些问题。

安全补丁: 安全补丁是让您的库保持最新的最重要原因之一。

手动过程太麻烦,因为您需要检查每个软件包的最新版本。因此,为了更容易,我们将使用两种不同的方法。

使用npm-check-updates

npm-check-updates 将您的 package.json 依赖项升级到最新版本,忽略指定的版本。

请按照以下步骤操作-

安装npm-check-updates

运行npm-check-updates 列出哪些包已过期

运行 npm-check-updates -u 以更新 package.json 中的所有版本

像往常一样运行npm update 以根据更新的 package.json 安装新版本的软件包

如果您不想在机器上安装 npm-check-updates,可以按照以下步骤操作-

运行npx npm-check-updates(这将列出 package.json 中所有过时的包)

运行 ncu -u 升级 package.json

npm install 安装包

? 通过运行应用程序并验证升级来检查您的项目。您的代码中可能存在可能作为升级的一部分的问题。在这种情况下,请检查软件包的发行说明并在代码中进行适当的更改。

【讨论】:

以上是关于如何自动升级 package.json 或 react 库?的主要内容,如果未能解决你的问题,请参考以下文章

升级hugo版本

json 升级package.json中的所有包

如何使用 Jenkins 自动化 package.json 中的版本号

如何在 Jenkinsfile 中使用 package.json 的版本号自动重命名“dist”文件夹

升级到 vue 3 后:“找不到模块 '@vue/compiler-sfc/package.json'”

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