如何在webpack-dev-server和express服務器上重新加載模塊？

Question

我試圖從一個項目中刪除Grunt，該項目使用Grunt和Webpack作為開發服務器並構建一個React App。 我成功地將Grunt的所有任務都移到了Webpack，除了在服務器端代碼發生變化時重新加載快速服務器。

HMR在前端工作正常，我從我的Express后端調用webpack-dev服務器並將它們與WDS代理鏈接，我還沒有找到一種方法只重新加載服務器端代碼而不編譯React應用程序。

我嘗試使用nodemon監聽后端代碼，同時監聽nodemon.on（'start'，loadWebpackHere）僅在服務器啟動時調用webpack（而不是重啟），它確實監視服務器文件，但啟動事件也被觸發，所以捆綁過程仍在運行。

我以為我可以嘗試為后端服務器創建一個新的webpack條目，但我不確定是否可以像這樣運行兩個服務器。

我沒有找到任何關於如何實現這一目標的文章或樣本，是否有人成功地設置了類似的東西？

Answer 1

我找不到啟用HMR的方法，也只是在沒有觸發API更改的UI構建的情況下使用webpack查看API文件，但使用簡單的bash腳本來包裝我的應用程序很簡單（花了我幾個月的時間來到這里，雖然）：

#!/bin/bash

if [$NODE_ENV = "testing"] || [$NODE_ENV = "production"] ; then
    node api/server.js
else
    node_modules/.bin/nodemon --watch api api/server.js &
    node_modules/.bin/webpack-dev-server
fi

通過將API添加為webpack條目，可能有更好的方法，但這個對我來說很好。