如何並行運行多個 npm 腳本？

Question

在我的 package.json 中，我有這兩個腳本：

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

每次開始在 Node.js 中開發時，我都必須並行運行這兩個腳本。我首先想到的是添加第三個腳本，如下所示：

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

...但這將等待 start-watch 完成後再執行 wp-server。

如何並行執行這些指令？ 請記住，我需要查看這些命令的輸出。另外，如果您的解決方案涉及建置工具，我寧願使用 gulp 而不是 grunt，因為我已經在另一個專案中使用它。

Answer 1

如果您使用的是類別 UNIX 環境，只需使用 & 作為分隔符號：

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

否則，如果您對跨平台解決方案感興趣，可以使用 npm-run-all模組：

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

Answer 2

使用名為並發的套件。

npm i concurrently --save-dev

然後如下設定您的 npm run dev 任務：

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