用于生产的 HMR

Question

我的团队正在构建一个大型 React 应用程序。我想知道我们在构建和部署方面尝试完成的工作是否可以通过 Webpack 实现。

假设我们的团队正在构建 Google Admin。管理员中有 4 个模块/应用程序，由 4 个不同的团队关注。然后有一个控制台应用程序是这 4 个模块/应用程序的入口点。我们希望能够独立处理每个模块并能够独立部署它们。

我们现在的设置是有 4 个单独的应用程序作为开发工具来构建这些模块。我们构建它们并将分发版.js 和.js.map 文件复制到控制台的./modules 文件夹中。我们将使用System.import 懒惰地引用这些模块。

在构建控制台应用程序并投入生产时，是否可以“交换”控制台所依赖的 module-one.js 和 module-one.js.map 文件，而无需重新构建和重新部署整个控制台应用程序？

目标：

1. 不要为 npm 打包这些应用程序。这肯定需要控制台应用更新和重建。
2. 构建任何模块并将该特定模块部署到生产中，而无需重新构建控制台应用程序。
3. 不要重定向到单独的 SPA。

我已尽力解释目标。任何输入将不胜感激。我在搜索中一无所获。

Answer 1

webpack 将模块加载到内存中并监视文件系统的更改，只要 webpack 正在运行，替换任何给定模块就不会出现问题。然而，webpack 将尝试在每个模块更改时构建整个内存包（因为它无法知道您的模块是真正独立的）。我唯一能做的就是在控制台应用程序和监视文件的模块（如 webpack）之间编写一个 shim，但只替换已更改的本地文件的内存版本。读到这里，我什至不确定它是否对我有意义......