在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，因为我已经在另一个项目中使用了它。
当前回答
您还可以在特定脚本上使用pre和post作为前缀。
"scripts": {
"predev": "nodemon run-babel index.js &",
"dev": "webpack-dev-server"
}
然后运行：npm运行开发
其他回答
由于您可能需要向该脚本中添加越来越多的内容，因此它将变得混乱且难以使用。如果您需要检查一些条件和使用的变量，该怎么办？所以我建议您看看允许使用js创建脚本的google/zx。
简单用法：
安装zx:npm i-g zx添加package.json命令（可选，您可以将所有内容移动到脚本中）：
"scripts": {
"dev": "zx ./scripts/dev.mjs", // run script
"build:dev": "tsc -w", // compile in watch mode
"build": "tsc", // compile
"start": "node dist/index.js", // run
"start:dev": "nodemon dist/index.js", // run in watch mode
},
创建dev.mjs脚本文件：
#!/usr/bin/env zx
await $`yarn build`; // prebuild if dist is empty
await Promise.all([$`yarn start:dev`, $`yarn build:dev`]); // run in parallel
现在，每当您想启动开发服务器时，只需运行yarn dev或npm run dev。
它将首先编译ts->js，然后在监视模式下并行运行typescrpt编译器和服务器。当您更改ts文件时->它将由tsc重新编译->nodemon将重新启动服务器。
高级编程使用
加载env变量，在监视模式下编译ts，然后从dist-on-changes（dev.mjs）重新运行服务器：
#!/usr/bin/env zx
import nodemon from "nodemon";
import dotenv from "dotenv";
import path from "path";
import { fileURLToPath } from "url";
// load env variables
loadEnvVariables("../env/.env");
await Promise.all([
// compile in watch mode (will recompile on changes in .ts files)
$`tsc -w`,
// wait for tsc to compile for first time and rerun server on any changes (tsc emited .js files)
sleep(4000).then(() =>
nodemon({
script: "dist/index.js",
})
),
]);
function sleep(ms) {
return new Promise((resolve) => {
setTimeout(resolve, ms);
});
}
function getDirname() {
return path.dirname(fileURLToPath(import.meta.url));
}
function loadEnvVariables(relativePath) {
const { error, parsed } = dotenv.config({
path: path.join(getDirname(), relativePath),
});
if (error) {
throw error;
}
return parsed;
}
npm-run-all --parallel task1 task2
编辑：
您需要事先安装npm runall。还请检查此页面以了解其他使用情况。
我遇到了&和|的问题，分别是退出状态和抛出错误。
其他解决方案希望使用给定的名称运行任何任务，例如npm-run-all，这不是我的用例。
所以我创建了npm运行并行，它异步运行npm脚本，并在完成后返回报告。
所以，对于您的脚本，它应该是：
npm运行并行wp服务器启动监视
使用同时调用的包。
npm i concurrently --save-dev
然后按如下方式设置npm run-dev任务：
"dev": "concurrently --kill-others \"npm run start-watch\" \"npm run wp-server\""
来一份老式的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，这样我就可以在以后快速扫描每个项目的所有常用命令和参数。
