在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 --parallel task1 task2
编辑：
您需要事先安装npm runall。还请检查此页面以了解其他使用情况。
其他回答
使用同时调用的包。
npm i concurrently --save-dev
然后按如下方式设置npm run-dev任务：
"dev": "concurrently --kill-others \"npm run start-watch\" \"npm run wp-server\""
这对我有用
{
"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\""}
简单的节点脚本，让您无需太多麻烦。使用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);
});
只需将此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)"
}
}
在父文件夹的package.json中：
"dev": "(cd api && start npm run start) & (cd ../client && start npm run start)"
这在windows中工作
