私package.jsonには次の2つのスクリプトがあります。

  "scripts": {
    "start-watch": "nodemon run-babel index.js",
    "wp-server": "webpack-dev-server",
  }

Node.jsでの開発を開始するたびに、これら2つのスクリプトを並行して実行する必要があります。最初に考えたのは、次のような3番目のスクリプトを追加することでした。

"dev": "npm run start-watch && npm run wp-server"

...しかし、start-watch実行する前に終了するのを待ちwp-serverます。

これらを並行して実行するにはどうすればよいですか？outputこれらのコマンドを確認する必要があることを覚えておいてください。また、ソリューションにビルドツールが含まれている場合は、別のプロジェクトですでに使用しているため、gulp代わりに使用したいと思いgruntます。

並行して呼び出されるパッケージを使用します。

npm i concurrently --save-dev

次に、npm run devタスクを次のように設定します。

"dev": "concurrently --kill-others \"npm run start-watch\" \"npm run wp-server\""

UNIXライクな環境を使用し&ている場合は、セパレーターとして使用するだけです。

"dev": "npm run start-watch & npm run wp-server"

それ以外の場合、クロスプラットフォームのソリューションに興味がある場合は、npm-run-all モジュールを使用できます。

"dev": "npm-run-all --parallel start-watch wp-server"

あなたが使用できるwindows cmdからstart：

"dev": "start npm run start-watch && start npm run wp-server"

この方法で起動されたすべてのコマンドは、独自のウィンドウで始まります。

npm-run-all（またはconcurrently、parallelshell）を使用する必要があります。これは、コマンドの開始と終了をより詳細に制御できるためです。事業者は&、|すべてのテストが終了した後、手動で停止する必要がありますので、悪いアイデアです。

これは、npmによる分度器テストの例です。

scripts: {
  "webdriver-start": "./node_modules/protractor/bin/webdriver-manager update && ./node_modules/protractor/bin/webdriver-manager start",
  "protractor": "./node_modules/protractor/bin/protractor ./tests/protractor.conf.js",
  "http-server": "./node_modules/http-server/bin/http-server -a localhost -p 8000",
  "test": "npm-run-all -p -r webdriver-start http-server protractor"
}

-p =コマンドを並行して実行します。

-r =コマンドの1つが終了コード0で終了したときに、すべてのコマンドを強制終了します。

実行npm run testすると、Seleniumドライバが起動し、httpサーバー（ファイルを提供するため）が起動し、分度器テストが実行されます。すべてのテストが完了すると、httpサーバーとセレンドライバーが閉じます。

&並列実行スクリプトに使用できます

"dev": "npm run start-watch & npm run wp-server"

参照リンク

より良い解決策は &

"dev": "npm run start-watch & npm run wp-server"

私は上からほぼすべての解決策をチェックしましたが、npm-run-allでのみ、すべての問題を解決することができました。他のすべてのソリューションに対する主な利点は、引数を使用してスクリプトを実行できることです。

{
  "test:static-server": "cross-env NODE_ENV=test node server/testsServer.js",
  "test:jest": "cross-env NODE_ENV=test jest",
  "test": "run-p test:static-server \"test:jest -- {*}\" --",
  "test:coverage": "npm run test -- --coverage",
  "test:watch": "npm run test -- --watchAll",
}

注run-pはのショートカットですnpm-run-all --parallel

これにより、のような引数でコマンドを実行できますnpm run test:watch -- Something。

編集：

1つのより有用があるオプションについてはnpm-run-all：

 -r, --race   - - - - - - - Set the flag to kill all tasks when a task
                            finished with zero. This option is valid only
                            with 'parallel' option.

スクリプトに追加-rしてnpm-run-all、コードが終了したときにすべてのプロセスを強制終了します0。これは、HTTPサーバーとそのサーバーを使用する別のスクリプトを実行するときに特に役立ちます。

  "test": "run-p -r test:static-server \"test:jest -- {*}\" --",

追加のモジュールなしのクロスプラットフォームソリューションがあります。私はcmd.exeとbashの両方で使用できるtry catchブロックのようなものを探していました。

解決策はcommand1 || command2、どちらの環境でも同じように機能するようです。したがって、OPのソリューションは次のとおりです。

"scripts": {
  "start-watch": "nodemon run-babel index.js",
  "wp-server": "webpack-dev-server",
  // first command is for the cmd.exe, second one is for the bash
  "dev": "(start npm run start-watch && start npm run wp-server) || (npm run start-watch & npm run wp-server)",
  "start": "npm run dev"
}

次に、単純なnpm start（およびnpm run dev）はすべてのプラットフォームで機能します！

2つのアンパサンドを1つのアンパサンドに置き換えると、スクリプトは同時に実行されます。

迅速な解決策

この場合、最善策と言えます。 このスクリプトが* nixベースのマシンでのみ実行することを目的としたプライベートモジュール用である場合は、制御演算子を使用して、次のようなforkプロセスを実行できます。&

これを部分的なpackage.jsonファイルで行う例：

{
  "name": "npm-scripts-forking-example",
  "scripts": {
    "bundle": "watchify -vd -p browserify-hmr index.js -o bundle.js",
    "serve":  "http-server -c 1 -a localhost",
    "serve-bundle": "npm run bundle & npm run serve &"
  }

次に、を介して両方を並行して実行しますnpm run serve-bundle。スクリプトを拡張して、フォークされたプロセスのPIDを次のようにファイルに出力できます。

"serve-bundle": "npm run bundle & echo \"$!\" > build/bundle.pid && npm run serve & echo \"$!\" > build/serve.pid && npm run open-browser",

それがどのように機能するかについてもっと学ぶためにフォークするためのbash制御演算子のようなGoogle 。また、以下のNodeプロジェクトでUnixテクニックを活用するためのいくつかの詳細なコンテキストも提供しました。

さらなるコンテキストRE：Unix Tools＆Node.js

Windowsを使用していない場合、以下の理由により、Unixツール/テクニックはNodeスクリプトで何かを達成するためによく機能します。

1. Node.jsの多くは、愛情を込めてUnixの原則を模倣しています
2. * nix（OS Xを含む）を使用していて、NPMがシェルを使用している

Nodelandでのシステムタスクのモジュールは、多くの場合、Unixツールの抽象化または近似で、からfsまでstreamsです。

npm-run-all --parallel task1 task2

編集：

事前にnpm-run-allをインストールしておく必要があります。また、このページで他の使用シナリオを確認してください。

フォークはどうですか

複数のノードスクリプトを実行するもう1つのオプションは、単一のノードスクリプトを使用することです。これにより、他の多くのスクリプトをフォークできます。フォークはNodeでネイティブにサポートされているため、依存関係は追加されず、クロスプラットフォームです。

最小限の例

これは、スクリプトをそのまま実行し、親スクリプトのディレクトリにあると想定するだけです。

// fork-minimal.js - run with: node fork-minimal.js

const childProcess = require('child_process');

let scripts = ['some-script.js', 'some-other-script.js'];
scripts.forEach(script => childProcess.fork(script));

冗長な例

これは、引数を使用してスクリプトを実行し、多くの使用可能なオプションによって構成されます。

// fork-verbose.js - run with: node fork-verbose.js

const childProcess = require('child_process');

let scripts = [
    {
        path: 'some-script.js',
        args: ['-some_arg', '/some_other_arg'],
        options: {cwd: './', env: {NODE_ENV: 'development'}}
    },    
    {
        path: 'some-other-script.js',
        args: ['-another_arg', '/yet_other_arg'],
        options: {cwd: '/some/where/else', env: {NODE_ENV: 'development'}}
    }
];

let processes = [];

scripts.forEach(script => {
    let runningScript = childProcess.fork(script.path, script.args, script.options);

   // Optionally attach event listeners to the script
   runningScript.on('close', () => console.log('Time to die...'))

    runningScripts.push(runningScript); // Keep a reference to the script for later use
});

フォークされたスクリプトとの通信

フォークには、親スクリプトがフォークされた子プロセスからイベントを受信したり、送信したりできるという利点もあります。一般的な例は、親スクリプトがフォークされた子を殺すことです。

 runningScripts.forEach(runningScript => runningScript.kill());

その他の利用可能なイベントとメソッドについては、ドキュメントを参照してくださいChildProcess

私は問題に走った&と|終了ステータスとエラーがそれぞれ、投げ、。

他のソリューションでは、npm-run-allなど、特定の名前のタスクを実行する必要がありますが、これは私のユースケースではありませんでした。

そこで、npmスクリプトを非同期に実行し、完了したらレポートを返すnpm-run-parallelを作成しました。

したがって、スクリプトの場合は次のようになります。

npm-run-parallel wp-server start-watch

私の場合、2つのプロジェクトがあり、1つはUIでもう 1つはAPIで、どちらもそれぞれのpackage.jsonファイルに独自のスクリプトがあります。

だから、これが私がやったことです。

npm run --prefix react start&  npm run --prefix express start&

npm install npm-run-all --save-dev

package.json：

"scripts": {
  "start-watch": "...",
  "wp-server": "...",
  "dev": "npm-run-all --parallel start-watch wp-server"
}

詳細：https : //github.com/mysticatea/npm-run-all/blob/master/docs/npm-run-all.md

私はしばらくの間npm-run-allを使用していますが、watchモードでのコマンドの出力がうまく機能しないため、うまくいきませんでした。たとえば、監視モードで起動するcreate-react-appとjest、最後に実行したコマンドの出力しか表示されません。ほとんどの場合、私はすべてのコマンドを手動で実行していました...

これが、私が自分のlib run-screenを実装する理由です。それはまだ非常に若いプロジェクトです（昨日から：p）が、それを見る価値があるかもしれません、あなたの場合は次のようになります：

run-screen "npm run start-watch" "npm run wp-server"

次に、数字キー1をwp-server押し0ての出力を表示し、を押しての出力を表示しますstart-watch。

私の解決策はPiittisに似ていますが、Windowsの使用にいくつかの問題がありました。したがって、win32を検証する必要がありました。

const { spawn } = require("child_process");

function logData(data) {
    console.info(`stdout: ${data}`);
}

function runProcess(target) {
    let command = "npm";
    if (process.platform === "win32") {
        command = "npm.cmd"; // I shit you not
    }
    const myProcess = spawn(command, ["run", target]); // npm run server

    myProcess.stdout.on("data", logData);
    myProcess.stderr.on("data", logData);
}

(() => {
    runProcess("server"); // package json script
    runProcess("client");
})();

簡単なノードスクリプトで、面倒な作業は不要です。readlineを使用して出力を結合し、線が壊れないようにします。

const { spawn } = require('child_process');
const readline = require('readline');

[
  spawn('npm', ['run', 'start-watch']),
  spawn('npm', ['run', 'wp-server'])
].forEach(child => {
    readline.createInterface({
        input: child.stdout
    }).on('line', console.log);

    readline.createInterface({
        input: child.stderr,
    }).on('line', console.log);
});

"dev": "(cd api && start npm run start) & (cd ../client && start npm run start)"

Windowsでのこの作業