在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，因为我已经在另一个项目中使用了它。
当前回答
来一份老式的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，这样我就可以在以后快速扫描每个项目的所有常用命令和参数。
其他回答
我的解决方案类似于Piittis，尽管我在使用Windows时遇到了一些问题。所以我必须验证win32。
const { spawn } = require("child_process");
function logData(data) {
console.info(`stdout: ${data}`);
}
function runProcess(target) {
let command = "npm";
if (process.platform === "win32") {
command = "npm.cmd"; // I shit you not
}
const myProcess = spawn(command, ["run", target]); // npm run server
myProcess.stdout.on("data", logData);
myProcess.stderr.on("data", logData);
}
(() => {
runProcess("server"); // package json script
runProcess("client");
})();
我已经从上面检查了几乎所有的解决方案，只有通过npm运行，我才能解决所有问题。与所有其他解决方案相比，主要优势是能够使用参数运行脚本。
{
"test:static-server": "cross-env NODE_ENV=test node server/testsServer.js",
"test:jest": "cross-env NODE_ENV=test jest",
"test": "run-p test:static-server \"test:jest -- {*}\" --",
"test:coverage": "npm run test -- --coverage",
"test:watch": "npm run test -- --watchAll",
}
注意run-p是npm运行all的快捷方式--并行
这允许我使用npm-run-test:watch等参数运行命令。
编辑：
对于npm run-all，还有一个更有用的选项：
-r, --race - - - - - - - Set the flag to kill all tasks when a task
finished with zero. This option is valid only
with 'parallel' option.
将-r添加到npm run-all脚本中，以在一个进程完成代码0时终止所有进程。当您运行HTTP服务器和另一个使用该服务器的脚本时，这尤其有用。
"test": "run-p -r test:static-server \"test:jest -- {*}\" --",
如果将双&号替换为单&号，脚本将同时运行。
您还可以在特定脚本上使用pre和post作为前缀。
"scripts": {
"predev": "nodemon run-babel index.js &",
"dev": "webpack-dev-server"
}
然后运行：npm运行开发
我已经使用npm-run all有一段时间了，但我一直都不习惯，因为在监视模式下命令的输出不能很好地一起工作。例如，如果我在监视模式下开始创建react应用程序和jest，我将只能看到上次运行的命令的输出。所以大多数时候，我都在手动运行所有命令。。。
这就是为什么，我实现了自己的lib，运行屏幕。它仍然是一个非常年轻的项目（从昨天开始：p），但它可能值得一看，在您的情况下，它将是：
run-screen "npm run start-watch" "npm run wp-server"
然后按数字键1查看wp服务器的输出，按0查看start watch的输出。
