Bagaimana untuk menjalankan berbilang skrip npm secara selari?

Question

Dalam pakej.json saya mempunyai dua skrip ini:

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

Setiap kali saya mula membangun dalam Node.js, saya perlu menjalankan dua skrip ini sejajar Fikiran pertama saya ialah menambah skrip ketiga seperti ini:

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

...tetapi ini akan menunggu start-watch selesai sebelum menjalankan wp-server.

Bagaimanakah saya boleh menjalankan arahan ini secara selari? Perlu diingat bahawa saya perlu melihat output Selain itu, jika penyelesaian anda melibatkan alat binaan, saya lebih suka menggunakan gulp daripada grunt

Answer 1

Jika anda menggunakan persekitaran seperti UNIX, hanya gunakan & sebagai pembatas:

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

Jika tidak, jika anda berminat dengan penyelesaian merentas platform, anda boleh menggunakan modul npm-run-all:

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

Answer 2

Gunakan pakej yang dipanggil Concurrency.

npm i concurrently --save-dev

Kemudian sediakan npm run dev tugas anda seperti berikut:

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