マルチプロジェクトでのnpmスクリプトの実行

目次

マルチプロジェクトでのnpmスクリプトの実行

プロジェクトAディレクトリには、「フロント」と「バック」の2つのサブプロジェクトがあり、それぞれがReactのプロジェクトです。
プロジェクトAをカレントディレクトリにして、特定のnpmコマンドを実行すると、それぞれのサブプロジェクトでnpmスクリプトを実行したい場合があります。
以下にその方法を説明します。

1. ルートディレクトリにpackage.jsonを作成

プロジェクトAのルートディレクトリにpackage.jsonファイルを作成します。

{
  "name": "project-a",
  "version": "1.0.0",
  "scripts": {}
}

2. npmスクリプトの追加

package.jsonに、各サブプロジェクトで実行したいnpmスクリプトを追加します。

{
  "name": "project-a",
  "version": "1.0.0",
  "scripts": {
    "dev-sample": "npm run dev --prefix sample",
    "dev-demo": "npm run dev --prefix demo"
  }
}

ここで、--prefixオプションを使用して、スクリプトを実行するディレクトリを指定します。

3. コマンドの実行

設定が完了したら、以下のコマンドをプロジェクトAのルートディレクトリで実行します。

npm run dev-sample

このコマンドで、「sample」のプロジェクトでnpm run devが実行されます。

また、次のコマンドを実行します。

npm run dev-demo

このコマンドで、「demo」のプロジェクトでnpm run devが実行されます。

まとめ

この記事では、マルチプロジェクト環境で、ルートディレクトリからサブプロジェクトのnpmスクリプトを実行する方法を学びました。
これにより、プロジェクトの構成管理がより簡単になり、効率的な開発が可能になります。