npm 如何更新项目最新依赖包
创始人
2024-02-10 14:42:47

NPM 是什么?

Node 软件包管理器(NPM)提供了各种功能来帮助你安装和维护项目的依赖关系。

由于错误修复、新功能和其他更新,依赖关系可能会随着时间的推移而变得过时。你的项目依赖越多,就越难跟上这些更新。

老旧的软件包会对安全构成威胁,并会对性能产生负面影响。最新的软件包可以防止出现漏洞。这意味着定期检查和更新依赖是很重要的。

如何保持依赖是最新的

现在,你可以逐一查看 package.json 中的每一个单独的包,改变版本,然后运行 npm install @latest 来获得最新版本。但这并不是最有效的方法。

想象一下,如果你有 20 个或更多的包,可以使用版本升级。相反,你应该制定一个工作流程,在过期的依赖关系数量增加和升级变得越来越难之前,定期检查新版本。

下面是一个我保持更新的工作流程:首先,发现哪些软件包需要更新,以及版本落后的程度。接下来,选择单独或一起批量更新软件包。始终对更新进行测试,以确保没有发生破坏性变化。

我更喜欢单独执行主要版本的更新。对于主要的更新,你很可能会遇到破坏性的变化。与许多包相比,撤销或处理与一个包有关的代码变化要容易得多。

在这篇文章中,我将详细介绍检查和升级依赖关系的方法。

怎样使用 npm outdated 命令

npm outdated

该命令将检查每个已安装的依赖关系,并将当前版本与 npm registry 中的最新版本进行比较。它在终端打印出一个表格,概述了可用的版本。

它是内置在 NPM 中的,所以不需要下载额外的软件包。npm outdated 是一个很好的开始,可以了解所需的依赖性更新的数量。

  • Current 是当前安装的版本。
  • Wanted 是根据semver 范围内的软件包的最大版本。
  • Latest 是在 npm registry 中被标记为最新的软件包版本。

使用这种方法,要安装每个软件包的更新,你只需要运行:

npm update

请记住,使用 npm update 它永远不会更新到一个主要的(major),具有破坏性变化的版本。它更新 package.jsonpackage-lock.json 中的依赖关系。它将使用想要的版本。

为了获得 "最新 "的版本,在单个安装中附加 @latest,例如 npm install react@latest

怎样使用 npm-check-updates

对于高级和可定制的升级体验,我推荐 npm-check-updates。这个包可以做所有 npm oudatednpm upgrade 能做的事情,并增加了一些自定义选项。不过,它确实需要安装一个包。

点击打开文档

要开始使用,请在全局安装 npm-check-updates 软件包:

npm install -g npm-check-updates

然后,运行 ncu 来显示要升级的软件包。与 npm outdated 类似,它不会产生任何变化。

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.1Run ncu -u to upgrade package.json

要升级依赖性,你只需要运行:

ncu --upgrade// or 
ncu -u

资料:npm-check-updates

  • Red (显示红色) = major (主版本,或者说是大版本)
  • Cyan (显示青色) = minor(次要版本)
  • Green(显示绿色) = patch (补丁版本)

这个方法只更新 package.json 文件中的依赖关系,并且会选择最新的版本,即使它包括一个破坏性的变化。使用这种方法,npm install 不会自动运行,所以一定要在之后运行它来更新 package-lock.json

要选择你喜欢的版本类型,运行 ncu --target [patch, minor, latest, newest, greatest]

如何使用 npm-check-updates 互动模式

ncu --interactive// or 
ncu -i

互动模式允许你选择特定的软件包进行更新。默认情况下,所有软件包都被选中。

向下浏览每一个软件包,用空格来取消选择,当你准备好升级所有选择的软件包时,回车键(enter)确定。

资料: npm-check-updates

有几种方法可以提升交互式 npm-check-updates 的体验。

ncu --interactive --format group

这个命令将软件包分组并组织成 主版本(major)、次要(minor)和补丁(patch)版本。

资料: npm-check-updates

npm-check-updates 提供了其他有用的工具,如 doctor mode,它可以安装升级并运行测试以检查破坏性变化。

总结

养成定期更新你的依赖关系的习惯,将有助于你的应用程序的安全性和性能。

npm oudatednpm-check-updates 都是有用的工具,可以检查那些可以使用版本升级的软件包。

https://www.freecodecamp.org/chinese/news/how-to-update-npm-dependencies/

相关内容

热门资讯

埃菲尔铁塔在哪 中国仿建埃菲尔... 2019年4月26日,广西南宁市,街头惊现一座巨型山寨版埃菲尔铁塔,高约20米,白色塔身,造型逼真,...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
应用未安装解决办法 平板应用未... ---IT小技术,每天Get一个小技能!一、前言描述苹果IPad2居然不能安装怎么办?与此IPad不...
demo什么意思 demo版本... 618快到了,各位的小金库大概也在准备开闸放水了吧。没有小金库的,也该向老婆撒娇卖萌服个软了,一切只...
脚上的穴位图 脚面经络图对应的... 人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用,包括头部穴位图、胸部穴位图、背部穴位图、胳...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
猫咪吃了塑料袋怎么办 猫咪误食... 你知道吗?塑料袋放久了会长猫哦!要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
埃菲尔铁塔在哪 中国仿建埃菲尔... 2019年4月26日,广西南宁市,街头惊现一座巨型山寨版埃菲尔铁塔,高约20米,白色塔身,造型逼真,...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...