javascript - 如何在生产环境中运行 Webpack 热模块替换 (HMR)

Question

我想在生产环境中运行 HMR，使用它进行无缝的应用程序更新。我似乎找不到任何有关如何执行此操作的文档或教程。

我的设置目前是“无服务器”的，静态数据由 AWS S3 提供。我的第一个想法是我会创建某种“更新”服务器，让 HMR 客户端轮询更新，然后魔法就会起作用。

我的问题：

• a）我如何在生产中运行它（最佳）
• b) 为此，“更新”服务器必须知道模块更改，如何？
  • 我知道带有更新的 json 文件是 HMR 了解更改所依赖的，我是否必须将某种文件推送到服务器？
  • 或者，我是否让服务器以某种方式监视 S3 文件并重新编译，进而触发更新。

一个完整的解决方案会很棒，但关于它如何工作的一些 sudo 逻辑也会很棒。

Answer 1

阅读这两个文档以了解其工作原理：

• https://github.com/webpack/docs/wiki/hot-module-replacement-with-webpack
• https://github.com/webpack/docs/wiki/hot-module-replacement

不知道您所说的“无服务器”是什么意思...如果没有服务器，您将如何为网站提供服务？您至少需要在某处运行 webpack 或 nodejs/express 实例

这不会是最优的。此功能被认为用于开发。HMR 将向应用程序添加侦听器以进行文件更改，并添加用于用新模块替换旧模块的代码。这会增加代码的开销。最佳选择是没有 hmr。