使用Vue-cli / Webpack在一個命令中啟動客戶端和服務器

Question

• 我正在使用使用Webpack的Vue-cli 3部署Vue客戶端
  （我可以通過調用"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-process停止，但是節點服務器繼續運行。 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）要復雜得多。 有關停止子進程的更多信息，我在這里找到了一些幫助： 如何將bash腳本執行等效的ctrl-c到后台任務