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

Question

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

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

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

Answer 1

尝试使用类似这样的包装器的热重新加载来包装您的服务器端快速代码：

https://github.com/mdlawson/piping

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