百度工程师带你了解Module Federation

普遍直译为『模块联邦』，我们看看官网是怎么说的？,Motivation,Multiple separate builds should form a single application. These separate builds should not have dependencies between each other, so they can be developed and deployed individually. This is often known as Micro-Frontends, but is not limited to that.,多个独立的构建可以形成一个应用程序。这些独立的构建不会相互依赖，因此可以单独开发和部署它们。,这通常被称为微前端，但并不仅限于此。,通俗点讲，即MF提供了能在当前应用中远程加载其他服务器上应用的能力。对此，可以引出下面两个概念：,,它与我们普遍讨论的基座应用、微应用有所不同，它是去中心化的，相互之间是平等的，每个应用是单独部署在各自的服务器，每个应用都可以引用其他应用，也能被其他应用所引用，即每个应用可以充当host的角色，亦可以作为remote出现。,,项目结构如下：,module-home：首页，在layout展示一个字符串。,module-layout：布局，只包含一个html模板。,module-lib：暴露工具方法，共享lodash库。,,3.1 相关配置参数一览,,3.2 各应用的配置,如下图所示：在layout中展示了home挂载的节点，控制台也打印了调用lib中方法的log，同时lib分享的lodash也生效了（全程只加载了一个lodash）。,,,3.3 以remoteLib为例简要分析,可以学习开源项目：基于 Webpack 5 Module Federation，优雅且实用的微前端解决方案 https://github.com/yuzhanglong/mf-lite。