node.js - 我可以在 1 个终端中运行两个正在进行的 npm 命令吗

Question

我的 npm 脚本中有这两个命令

"scripts": {
"webpack": "webpack --config webpack.config.js --watch",
"server": "nodemon server.js",
}

如您所见，每次我保存文件时，一个运行 webpack，而另一个仅使用 nodemon 运行服务器，因此我不必在每次保存文件时都键入“npm start”或类似的东西。

现在它工作正常，但我需要始终打开 2 个终端才能运行它，它在我的屏幕上变得有点拥挤。

而且我不能让一个命令像这样读:

"start": "npm run webpack && npm run server"

因为 webpack 命令正在进行并且永远不会到达第二个命令。

有没有办法在一个终端中使用这两个命令，这是否可取？

Answer 1

您可以使用 &(一个和号，而不是两个)在后台运行一个进程，但这需要您手动管理它，这会相当乏味。详情见What does ampersand mean at the end of a shell script line? .

有人为那个用例构建了 concurrently ，这使得并行运行流程并跟踪其输出变得简单。

npm install --save-dev concurrently

你的开始脚本变成:

"start": "concurrently 'npm run webpack' 'npm run server'"

如果你想让输出更漂亮一点，你可以用 -n 给进程命名，用 -c 给进程命名，例如:

"start": "concurrently -n 'webpack,server' -c 'bgBlue.bold,bgGreen.bold' 'npm run webpack' 'npm run server'"