由于您可能需要向该脚本中添加越来越多的内容，因此它将变得混乱且难以使用。如果您需要检查一些条件和使用的变量，该怎么办？所以我建议您看看允许使用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;
}

…但这将在运行wp服务器之前等待开始监视完成。

要使其工作，必须在命令上使用start。其他人已经说明了，但这是它的工作原理，您的代码如下：

“dev”：“npm运行开始监视&&npm运行wp服务器”

应该是：

“dev”：“start npm run start watch&&start npm run-wp server”

这将做的是，它将为每个命令打开一个单独的实例并同时处理它们，就您的初始问题而言，这不应该是一个问题。我为什么这么说？这是因为当您只运行一条语句时，这两个实例都会自动打开，这是您的初始目标。

您还可以在特定脚本上使用pre和post作为前缀。

  "scripts": {
    "predev": "nodemon run-babel index.js &",
    "dev": "webpack-dev-server"
  }

然后运行：npm运行开发

您应该使用npm-run-all（或并发并行shell），因为它对启动和终止命令有更多的控制权。运算符&，|是个坏主意，因为在所有测试完成后，您需要手动停止它。

这是通过npm进行量角器测试的示例：

scripts: {
  "webdriver-start": "./node_modules/protractor/bin/webdriver-manager update && ./node_modules/protractor/bin/webdriver-manager start",
  "protractor": "./node_modules/protractor/bin/protractor ./tests/protractor.conf.js",
  "http-server": "./node_modules/http-server/bin/http-server -a localhost -p 8000",
  "test": "npm-run-all -p -r webdriver-start http-server protractor"
}

-p=并行运行命令。

-r=当其中一个命令结束时，退出代码为零，则终止所有命令。

运行npm运行测试将启动Selenium驱动程序，启动http服务器（为您提供文件）并运行量角器测试。完成所有测试后，它将关闭http服务器和selenium驱动程序。

使用npm运行多个并行脚本的分步指南。全局安装npm-run-all包

npm i -g npm-run-all

现在在package.json所在的项目中安装并保存此包

npm i npm-run-all --save-dev

现在以这种方式修改package.json文件中的脚本

"scripts": {
    "server": "live-server index.html",
    "watch": "node-sass scss/style.scss --watch",
    "all": "npm-run-all --parallel server watch"
},

现在运行此命令

npm run all

有关此包的详细信息，请参见给定的链接npm全部运行

我遇到了&和|的问题，分别是退出状态和抛出错误。

其他解决方案希望使用给定的名称运行任何任务，例如npm-run-all，这不是我的用例。

所以我创建了npm运行并行，它异步运行npm脚本，并在完成后返回报告。

所以，对于您的脚本，它应该是：

npm运行并行wp服务器启动监视