npm-check-updatesを使ってpackage.jsonを一括で最新にする方法

package.jsonのパッケージの更新

一般的なpackage.jsonを更新する方法は…

アップデート情報を確認

terminal

npm outdated
Package   Current   Wanted   Latest  Location               Depended by
zenn-cli  0.1.141  0.1.143  0.1.143  node_modules/zenn-cli  zenn-blog

npm outdated で確認はできるが最新にバージョンアップはしてくれない。

package.json(package-lock.json)を更新

terminal

npm update
changed 1 package, and audited 2 packages in 617ms
found 0 vulnerabilities

npm update で更新することができるが、package-lock.jsonに反映されるだけで、package.jsonには反映されない。

この方法ではpackage.jsonのpackageバージョンを最新にするにはnpm outdatedして一つずつnpm install <package>かpackage.jsonのバージョンを変更し、npm i していくしかない。

npm-check-updates を利用

npm-check-updates

https://www.npmjs.com/package/npm-check-updates

https://github.com/raineorshine/npm-check-updates

npm と npx どちらでも対応可能。

npm-check-updatesでpackage.jsonを最新にアップデート

npmの場合

terminal

~ % npm install -g npm-check-updates

~ % ncu
Checking /Users/Username/ProjectName/package.json
[====================] 1/1 100%

zenn-cli  ^0.1.141  →  ^0.1.143

~ % ncu -u
Upgrading /Users/Username/ProjectName/package.json
[====================] 1/1 100%

zenn-cli  ^0.1.141  →  ^0.1.143

~ % npm install

参考: npxの場合

terminal

npx npm-check-updates
npx npm-check-updates -u
npm install

確認

package.jsonとpackage-lock.json が更新されているか確認