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
実行時に自動的に更新されます。
まとめ
コマンド | 説明 |
---|---|
pnpm outdated | パッケージの現在のバージョンと最新バージョンを確認 |
pnpm add [パッケージ名]@latest | 特定のパッケージを最新バージョンに更新 |
pnpm update | 依存関係を package.json の範囲内で更新 |
pnpm update --latest | すべての依存関係を最新バージョンに更新 |
ncu | 依存関係の最新バージョンを確認 |
ncu -u && pnpm install | package.json を更新し、最新バージョンを反映 |