如何并行运行多个npm脚本？

在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"

…但这将在运行wp服务器之前等待开始监视完成。

如何并行运行这些？请记住，我需要查看这些命令的输出。此外，如果您的解决方案涉及构建工具，我宁愿使用gulf而不是gulf，因为我已经在另一个项目中使用了它。

当前回答

我已经使用npm-run all有一段时间了，但我一直都不习惯，因为在监视模式下命令的输出不能很好地一起工作。例如，如果我在监视模式下开始创建react应用程序和jest，我将只能看到上次运行的命令的输出。所以大多数时候，我都在手动运行所有命令。。。

这就是为什么，我实现了自己的lib，运行屏幕。它仍然是一个非常年轻的项目（从昨天开始：p），但它可能值得一看，在您的情况下，它将是：

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

然后按数字键1查看wp服务器的输出，按0查看start watch的输出。

其他回答

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，这不是我的用例。

所以我创建了npm运行并行，它异步运行npm脚本，并在完成后返回报告。

所以，对于您的脚本，它应该是：

npm运行并行wp服务器启动监视

同时安装npm install

"scripts": {
    "start:build": "tsc -w",
    "start:run": "nodemon build/index.js",
    "start": "concurrently  npm:start:*"
  },

如果将双&号替换为单&号，脚本将同时运行。

您还可以在特定脚本上使用pre和post作为前缀。

  "scripts": {
    "predev": "nodemon run-babel index.js &",
    "dev": "webpack-dev-server"
  }

然后运行：npm运行开发

推荐文章