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

Question

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

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

由于组件在客户端是热替换的，它使用文件的“新”版本，但服务器仍然坚持使用旧版本，因为它与 webpack 捆绑在一起，因此当使用服务器渲染时，这两个结果是不同的。有没有办法在更改组件时也更改服务器？

Answer 1

尝试使用类似这样的包装器通过热重载来包装您的服务器端 express 代码：

https://github.com/mdlawson/piping

管道向节点添加“热重载”功能，监视所有项目文件并在任何更改时重新加载，而无需“包装器”二进制文件。