在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脚本添加到根文件夹中的package.json文件。
{
...
"scripts": {
...
"start": "react-scripts start", // or whatever else depends on your project
"dev": "(cd server && npm run start) & (cd ../client && npm run start)"
}
}
其他回答
我认为最好的方法是使用npm运行如下：
1-npm install-g npm run-all<---将在全球范围内安装2-npm运行所有--并行服务器客户端
我已经使用npm-run all有一段时间了，但我一直都不习惯，因为在监视模式下命令的输出不能很好地一起工作。例如，如果我在监视模式下开始创建react应用程序和jest，我将只能看到上次运行的命令的输出。所以大多数时候，我都在手动运行所有命令。。。
这就是为什么，我实现了自己的lib，运行屏幕。它仍然是一个非常年轻的项目（从昨天开始：p），但它可能值得一看，在您的情况下，它将是：
run-screen "npm run start-watch" "npm run wp-server"
然后按数字键1查看wp服务器的输出，按0查看start watch的输出。
您应该使用npm-run-all（或并发并行shell），因为它对启动和终止命令有更多的控制权。运算符&，|是个坏主意，因为在所有测试完成后，您需要手动停止它。
这是通过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=当其中一个命令结束时，退出代码为零，则终止所有命令。
运行npm运行测试将启动Selenium驱动程序，启动http服务器（为您提供文件）并运行量角器测试。完成所有测试后，它将关闭http服务器和selenium驱动程序。
来一份老式的Makefile怎么样？
这允许您进行大量控制，包括如何管理子外壳、脚本之间的依赖关系等。
# run both scripts
start: server client
# start server and use & to background it
server:
npm run serve &
# start the client
client:
npm start
调用此Makefile，然后您可以键入
让一切开始。因为当您使用ctrl-C时，服务器命令实际上是在start命令的子进程中运行的，所以服务器命令也会停止，这与您自己在shell中备份不同。Make还可以完成命令行，至少在我使用的shell上是这样。另外，第一个命令将始终运行，因此您可以在这里自己键入make。
我总是在我的项目中加入一个makefile，这样我就可以在以后快速扫描每个项目的所有常用命令和参数。
使用concurrent可与共享输出流并行运行命令。为了便于区分哪个输出来自哪个进程，请使用缩短的命令格式，例如npm:wp-server。这将导致同时在每个输出行前面加上命令名。
在package.json中，脚本部分如下所示：
"scripts": {
"start": "concurrently \"npm:start-watch\" \"npm:wp-server\"",
"start-watch": "nodemon run-babel index.js",
"wp-server": "webpack-dev-server"
}
