在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的输出。
其他回答
这对我有用
{
"start-express": "tsc && nodemon dist/server/server.js",
"start-react": "react-scripts start",
"start-both": "npm -p -r run start-react && -p -r npm run start-express"
}
客户端和服务器都是用typescript编写的。
React应用程序是使用typescript模板创建React应用程序，并位于默认src目录中。
Express位于服务器目录中，条目文件为server.js
typescript代码并转换成js，并放在dist目录中。
签出我的项目以获取更多信息：https://github.com/nickjohngray/staticbackeditor
更新：调用npm run-dev开始
{"server": "tsc-watch --onSuccess \"node ./dist/server/index.js\"",
"start-server-dev": "npm run build-server-dev && node src/server/index.js",
"client": "webpack-dev-server --mode development --devtool inline-source-map --hot",
"dev": "concurrently \"npm run build-server-dev\" \"npm run server\" \"npm run client\""}
使用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"
}
您还可以在特定脚本上使用pre和post作为前缀。
"scripts": {
"predev": "nodemon run-babel index.js &",
"dev": "webpack-dev-server"
}
然后运行：npm运行开发
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
如果您使用的是类似UNIX的环境，请使用&作为分隔符：
"dev": "npm run start-watch & npm run wp-server"
否则，如果您对跨平台解决方案感兴趣，可以使用npm-run-all模块：
"dev": "npm-run-all --parallel start-watch wp-server"
