javascript - 带有服务器渲染的 HMR 会导致校验和无效

Question

我有一个与 webpack 捆绑在一起的 Express 服务器应用程序。客户端也与 webpack 捆绑在一起，并由服务器在开发模式下使用 webpack-dev-middleware 和 webpack-hot-middleware 为 HMR 提供服务。

当我更改 React 组件时，更改会在客户端发生，这是应该的，当我开始使用 HMR 时，问题就出现了。

由于组件在客户端中被热替换，因此它使用文件的"new"版本，但服务器仍然使用旧版本，因为它与 webpack 捆绑在一起，因此在使用服务器渲染时会出现两个结果是不同的。有没有办法在更改组件时也更改服务器？

Answer 1

尝试使用类似以下包装器的热重载来包装服务器端快速代码:

https://github.com/mdlawson/piping

Piping adds "hot reloading" functionality to node, watching all your project files and reloading when anything changes, without requiring a "wrapper" binary.