Umi使用Webpack5 Module Federation 探索，可以动态运行另一个JavaScript应用的代码，同时可以共享一依赖。

1、什么是 Module Federation？ 首先看一下官方给出的解释： 简单理解就是说 “一个应用可以由多个独立的构建组成，这些构建彼此独立没有依赖关系，他们可以独立开发、部署。这就是常被认为的

虽然webpack5已经发布了一段时间了，但一直都没有研究过，最近正好在做微前端相关的调研，恰好看到了webpack5的模块联邦与微前端的相关方案，便想着探究下模块联邦的相关源码。（ps：关于微前端，稍微说一句，个人觉得在选取微前端方案的时候可有结合现有资源以及形态进行相关取舍…

本篇文章主要是通过介绍webpack5模块联邦的基本配置，分析主应用和子应用打包后的产物，结合网络请求、源码等手段，以熟悉子应用如何和主应用共享依赖，子应用是如何加载主应用的脚本，搞懂模块联邦的加载

性能优化已是老生常谈的问题，但不知大家对于模块联邦这个概念是否熟悉。一句话介绍，模块联邦可以让当前前端应用动态地加载来自其他应用的代码。 听着有点绕？那我先来说说模块联邦带来的一个特性：依赖共享。