我已经使用npm-run all有一段时间了，但我一直都不习惯，因为在监视模式下命令的输出不能很好地一起工作。例如，如果我在监视模式下开始创建react应用程序和jest，我将只能看到上次运行的命令的输出。所以大多数时候，我都在手动运行所有命令。。。

这就是为什么，我实现了自己的lib，运行屏幕。它仍然是一个非常年轻的项目（从昨天开始：p），但它可能值得一看，在您的情况下，它将是：

run-screen "npm run start-watch" "npm run wp-server"

然后按数字键1查看wp服务器的输出，按0查看start watch的输出。

我已经从上面检查了几乎所有的解决方案，只有通过npm运行，我才能解决所有问题。与所有其他解决方案相比，主要优势是能够使用参数运行脚本。

{
  "test:static-server": "cross-env NODE_ENV=test node server/testsServer.js",
  "test:jest": "cross-env NODE_ENV=test jest",
  "test": "run-p test:static-server \"test:jest -- {*}\" --",
  "test:coverage": "npm run test -- --coverage",
  "test:watch": "npm run test -- --watchAll",
}

注意run-p是npm运行all的快捷方式--并行

这允许我使用npm-run-test:watch等参数运行命令。

编辑：

对于npm run-all，还有一个更有用的选项：

 -r, --race   - - - - - - - Set the flag to kill all tasks when a task
                            finished with zero. This option is valid only
                            with 'parallel' option.

将-r添加到npm run-all脚本中，以在一个进程完成代码0时终止所有进程。当您运行HTTP服务器和另一个使用该服务器的脚本时，这尤其有用。

  "test": "run-p -r test:static-server \"test:jest -- {*}\" --",

只需将此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)"
  }
}

分叉怎么样

运行多个节点脚本的另一种选择是使用单个节点脚本，它可以派生许多其他脚本。在Node中本机支持分叉，因此它不添加依赖项，并且是跨平台的。

最小示例

这将只是按原样运行脚本，并假设它们位于父脚本的目录中。

// fork-minimal.js - run with: node fork-minimal.js

const childProcess = require('child_process');

let scripts = ['some-script.js', 'some-other-script.js'];
scripts.forEach(script => childProcess.fork(script));

详细示例

这将使用参数运行脚本，并通过许多可用选项进行配置。

// fork-verbose.js - run with: node fork-verbose.js

const childProcess = require('child_process');

let scripts = [
    {
        path: 'some-script.js',
        args: ['-some_arg', '/some_other_arg'],
        options: {cwd: './', env: {NODE_ENV: 'development'}}
    },    
    {
        path: 'some-other-script.js',
        args: ['-another_arg', '/yet_other_arg'],
        options: {cwd: '/some/where/else', env: {NODE_ENV: 'development'}}
    }
];

let runningScripts= [];

scripts.forEach(script => {
    let runningScript = childProcess.fork(script.path, script.args, script.options);

   // Optionally attach event listeners to the script
   runningScript.on('close', () => console.log('Time to die...'))

    runningScripts.push(runningScript); // Keep a reference to the script for later use
});

与分叉脚本通信

分叉还有一个额外的好处，即父脚本可以从分叉的子进程接收事件并发回。一个常见的例子是父脚本杀死其分叉的子脚本。

 runningScripts.forEach(runningScript => runningScript.kill());

有关更多可用事件和方法，请参阅ChildProcess文档

在父文件夹的package.json中：

"dev": "(cd api && start npm run start) & (cd ../client && start npm run start)"

这在windows中工作

在Linux上只使用shell脚本。

"scripts": {
  "cmd": "{ trap 'trap \" \" TERM; kill 0; wait' INT TERM; } && blocking1 & blocking2 & wait"
}

npm运行命令然后^C会杀死孩子，等待干净的出口。