【重磅推荐】关于npm之代码升级顺利成功的完美攻略【package.json和package-lock.json的作用】

古城微笑少年丶 2021-09-08 00:12 147阅读 0赞

package.json和package-lock.json的作用：[https://blog.csdn.net/qq\_34295211/article/details/103858589][https_blog.csdn.net_qq_34295211_article_details_103858589]

对于npm更新所有包一直很困扰,一段时间后整体升级 package.json全部包时,总会因为某些包无法下载，导致 npm install 执行没有全部成功！

为了，确保【一键升级npm包】的万能步骤

1、使用 ncu -u 更新package.json的最新的包版本【参考】[https://blog.csdn.net/weixin\_43343144/article/details/107440660][https_blog.csdn.net_weixin_43343144_article_details_107440660]

2、把 node\_modules 和 **package-lock.json【会记录上一次每个包的具体信息，加上下载路径，而某个包的下载路径一旦失效,执行npm install就无法安装此包】**全部删除掉，仅留下【package.json】即可

3、执行 【npm install 】命令安装最新版本的包，会自动创建一个新的**package-lock.json【记录本次最新包的下载路径和全部信息】**

**特殊说明：**

**1、生产环境：package-lock.json文件对于我们【已调试成功的代码】在迁移的时候，可以确保【一模一样的库环境】**

**2、开发环境：而在调试环境，在不断的调试就是为了获取成功的【package-lock.json】后,才会上线生产环境，为此调试阶段此文件有必要时，可以随时更新即可！**

[https_blog.csdn.net_qq_34295211_article_details_103858589]: https://blog.csdn.net/qq_34295211/article/details/103858589
[https_blog.csdn.net_weixin_43343144_article_details_107440660]: https://blog.csdn.net/weixin_43343144/article/details/107440660