1. 現在のパッケージの状況を確認する

pnpm outdated

プロジェクト内の依存関係の現在のバージョンと、利用可能な最新バージョンを確認できます。

コマンド:

pnpm outdated

出力例:

Package                 Current   Wanted   Latest  Package Type
eslint                 9.17.0    9.18.0   9.18.0  devDependencies
@nuxt/ui               2.13.0    2.15.0   2.15.0  devDependencies
nuxt                   3.14.0    3.15.0   3.15.0  devDependencies

• Current: 現在インストールされているバージョン
• Wanted: package.json に指定されたバージョン範囲内での最新バージョン
• Latest: 利用可能な最新バージョン

2. 特定のパッケージをアップデートする

コマンド:

pnpm add [パッケージ名]@[バージョン]

例:

pnpm add eslint@latest

これにより、eslint が最新バージョンに更新されます。

3. すべての依存関係を最新バージョンにアップデートする

pnpm update

すべての依存関係を package.json のバージョン範囲内でアップデートします。

コマンド:

pnpm update

pnpm update --latest

すべての依存関係をバージョン範囲に関係なく、最新バージョンにアップデートします。

コマンド:

pnpm update --latest

4. npm-check-updates を利用したアップデート

npm-check-updates (ncu) とは？

ncu は、依存関係の最新バージョンを確認し、package.json を更新するツールです。

インストール:

pnpm add -g npm-check-updates

最新バージョンの確認:

ncu

例:

$ ncu
 eslint                 ^9.17.0  →  ^9.18.0
 nuxt                   3.14     →  3.15

package.json を最新バージョンに更新:

ncu -u

更新を反映:

pnpm install

5. 注意事項

• アップデート後の確認: パッケージのアップデート後は、必ずアプリケーションを動作確認して、破壊的変更がないかチェックしてください。
• ロックファイルの自動更新: pnpm-lock.yaml は pnpm install または pnpm update 実行時に自動的に更新されます。

まとめ