javascript - 使用 Vue-cli/Webpack 通过一个命令启动客户端和服务器

Question

• 我正在使用 Vue-cli 3 部署 Vue 客户端，该客户端使用 Webpack
  (我可以通过调用“yarn dev --open”来启动客户端)
• 我还在为客户端编写一个带有 API 的服务器
  (我可以通过调用“node server/server.js”来启动服务器)

有没有一种方法可以用一个命令同时启动客户端和服务器？
我想我应该在 vue.config.js 中添加一些代码，以便在编译客户端之前启动服务器。

最好这一切都以热重载的方式工作。

<小时/>

到目前为止，我尝试了 Alex78191 建议的 shell 脚本:

#!/usr/bin/env bash

node server/server.js &
yarn dev --open

这可行，但是当我尝试使用 ctrl-C 停止服务器时，只有 yarn 进程停止，但 Node 服务器继续运行。bash 有没有办法使用 ctrl-C 命令停止所有已启动的进程(后台和前台)？

Answer 1

我能够使用以下 bash 脚本来实现此功能:

#!/usr/bin/env bash

node server/server.js &
pid=$!

yarn dev --open

trap "kill ${pid}; exit 1" INT

这个脚本比您想象的要复杂一点，要确保当这个脚本停止时所有子进程都停止(使用 ctrl-C)。有关停止子进程的更多信息，我在这里找到了一些帮助:how-can-bash-script-do-the-equivalent-of-ctrl-c-to-a-background-task