リファクタリング前後のnpmスクリプトの比較
ビルドパイプラインのリファクタリング、タスクランナーの切り替え、CI設定の更新時のnpmスクリプトの変更を追跡します。
Build Configuration
詳細な説明
scriptsセクションの比較
Package.json Diffツールはscriptsセクションを依存関係とは別に比較し、追加、削除、変更されたnpmスクリプトを専用テーブルに表示します。
一般的なスクリプトリファクタリングパターン
Turbopackの追加
scripts:
~ dev: "next dev" -> "next dev --turbo" [CHANGED]
build: "next build" [UNCHANGED]
JestからVitestへの切り替え
scripts:
- test: "jest" [REMOVED]
- test:watch: "jest --watch" [REMOVED]
+ test: "vitest" [ADDED]
+ test:watch: "vitest --watch" [ADDED]
スクリプト変更で確認すべき事項
| 側面 | 詳細 |
|---|---|
| コマンド名 | スクリプトの名前が変更されましたか？CIが古い名前を参照している可能性 |
| コマンド引数 | フラグやオプションが変更されましたか？ |
| 新しいスクリプト | CONTRIBUTING.mdに文書化されていますか？ |
| 削除されたスクリプト | CI設定やドキュメントでまだ参照されていますか？ |
CI/CDへの影響
スクリプトの変更はCI/CDパイプラインに直接影響します。常に以下を確認してください：
- GitHub Actions / GitLab CI設定が正しいスクリプト名を参照している
- プリコミットフックが正しいlint/formatコマンドを使用している
- Dockerビルドステージが正しいビルドコマンドを使用している
ユースケース
DevOpsエンジニアがnpmスクリプトをリファクタリングしてTypeScript型チェックを追加し、JestからVitestに切り替え、統合CIスクリプトを追加するPRをレビューしています。Package.json Diffツールがすべてのスクリプト変更を明確に表示するため、CI設定を適切に更新できます。