没有托管的 Webpack 5 模块联合答案

【问题标题】：Webpack 5 Module Federation Without Hosting没有托管的 Webpack 5 模块联合
【发布时间】：2021-02-13 11:29:47
【问题描述】：

最近遇到了 webpack 5 Module Federation Plugin，但我想到了这个，

即联合模块而不托管它。

这个问题的原因是因为为每个要联合的模块运行一个 webpack 开发服务器似乎在开发过程中消耗了相当多的资源。

了解我们可以将构建部署到远程服务器可能会解决问题

还有其他可能的选择吗？

【问题讨论】：

【解决方案1】：

没有理由必须使用 webpack 开发服务器托管它。您可以只运行构建并将输出复制到一个公共文件夹，然后使用一个简单的 http 服务器（如 npx http-server

【讨论】：

嗨@dtabuenc，但我需要为我想要联合的每个模块运行一个http服务器。例如，如果我使用带有 monorepo 概念的 yarn 工作区，带有 6 个包，我需要在本地机器上运行 6 个 http-server。我可以运行一个 http-server 并将所有构建复制到单独的文件夹中，但这并不是一个很好的开发人员体验。有什么推荐的解决方案吗？

【解决方案2】：

在 monorepo 的情况下，在 dev 中，您可以将您的远程应用程序全部构建并复制到同一个文件夹，并为模块联合使用的入口文件（模块联合插件中的文件名属性）使用不同的名称。

然后在您的容器应用程序中，您为每个模块声明这些入口文件名，并拥有一个服务于所有这些入口点文件和相关应用程序的服务器。

您将只有一台服务器为所有遥控器提供服务。如果您不必在更改时修改遥控器，那就太好了。

您可以在持久服务器上使用它，您只需更改模块联合插件（容器应用程序）上的入口点 url。

【讨论】：