如何通过 Module Federation 将供应商管理、仓储与配送为独立子应用？

今天来聊聊一个听起来很“工程”、实则很“菜鸡”的话题——Module Federation。这玩意儿，说白了就是让你把一个大项目拆成几个小项目，然后还能让它们像一家人一样和谐共处。听起来是不是很玄？其实它就是前端开发里那个“拆家小能手”，将心比心...。

什么是 Module Federation？

Module Federation 是 Webpack 5 的一个新功能，它允许你在运行时动态地从其他项目中加载模块。换句话说 它就是前端世界的“快递员”，把你的代码从一个地方运到另一个地方，而且还能保证不撞车、不迷路，绝绝子！。

平心而论... 这玩意儿的出现， 主要是为了解决一个很现实的问题：前端项目越来越复杂，团队越来越大，代码越来越臃肿。你不能指望一个团队维护整个系统，对吧？所以 Module Federation 就像一个“前端分身术”，让你把项目拆成几个小模块，每个团队负责一个，互不打扰，还能共享。

为什么我们要拆？

你有没有遇到过这样的场景：一个项目， 几十个模块，几百个组件，几千行代码， 我好了。 再说说你改个bug，后来啊整个系统都崩了？是不是很崩溃？

我跟你交个底... 所以我们得拆！把一个大项目拆成几个小项目， 每个项目负责一个功能模块，比如：供应商管理仓储配送。这样，每个团队就可以独立开发、独立部署，互不干扰。

Module Federation 的实际应用

我们来举个例子。假设你是一个电商系统的前端工程师，你们公司有三个核心模块：供应商管理、仓储、配送。这三个模块，分别由三个不同的团队负责。以前， 你们可能把它们都放在一个项目里后来啊就是：一个团队改了代码，整个系统都得重新部署，简直是一场灾难，我天...。

现在我们用 Module Federation，把这三个模块拆成三个独立的子应用。每个子应用可以独立开发、独立部署，互不干扰。