如何并行运行多个 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\""