在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，这样我就可以在以后快速扫描每个项目的所有常用命令和参数。
其他回答
使用同时调用的包。
npm i concurrently --save-dev
然后按如下方式设置npm run-dev任务：
"dev": "concurrently --kill-others \"npm run start-watch\" \"npm run wp-server\""
快速解决方案
在这种情况下，我认为最好的办法是，如果该脚本用于专用模块，只在基于*nix的机器上运行，则可以使用控制运算符来分叉进程，如下所示：&
在部分package.json文件中执行此操作的示例：
{
"name": "npm-scripts-forking-example",
"scripts": {
"bundle": "watchify -vd -p browserify-hmr index.js -o bundle.js",
"serve": "http-server -c 1 -a localhost",
"serve-bundle": "npm run bundle & npm run serve &"
}
然后通过npm-run-serve捆绑包并行执行它们。您可以增强脚本以将分叉进程的pid输出到文件，如下所示：
"serve-bundle": "npm run bundle & echo \"$!\" > build/bundle.pid && npm run serve & echo \"$!\" > build/serve.pid && npm run open-browser",
谷歌类似于bash控件操作符，用于分叉，以了解更多关于其工作原理的信息。我还提供了一些关于在Node项目中利用Unix技术的进一步上下文：
进一步的上下文RE:Unix工具和Node.js
如果您不使用Windows，Unix工具/技术通常可以很好地使用Node脚本实现某些功能，因为：
Node.js中的很多都很好地模仿了Unix原理您使用的是*nix（包括OS X），而NPM使用的是shell
Nodeland中用于系统任务的模块通常也是Unix工具的抽象或近似，从fs到流。
只需将此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)"
}
}
简单的节点脚本，让您无需太多麻烦。使用readline组合输出，使行不会被损坏。
const { spawn } = require('child_process');
const readline = require('readline');
[
spawn('npm', ['run', 'start-watch']),
spawn('npm', ['run', 'wp-server'])
].forEach(child => {
readline.createInterface({
input: child.stdout
}).on('line', console.log);
readline.createInterface({
input: child.stderr,
}).on('line', console.log);
});
如果您使用的是类似UNIX的环境，请使用&作为分隔符：
"dev": "npm run start-watch & npm run wp-server"
否则，如果您对跨平台解决方案感兴趣，可以使用npm-run-all模块：
"dev": "npm-run-all --parallel start-watch wp-server"
