如何使用模块联邦落地微前端

内容摘要

微前端现有的落地方案可以分为三类，自组织模式、基座模式以及模块加载模式。

与基座模式相比，模块加载模式没有中心容器，这就意味着，我们可以将任意一个微应用当作项目入口，整个项目的微应用与微应用之间相互串联，打破项目的固定加载模式，彻底释放项目的灵活机动性，这样的模式，也被称为去中心化模式。

其实这个方案在微前端的架构理念中早已提及，但直到 2020 年 10 月 Webpack 5 正式发布之后才被真正落地应用。因为 Webpack 5 带来了一个全新特性：Module Federation，这是我们使用模块加载模式实现微前端架构的核心特性。

今天这一期，我们来看看 Module Federation 的基本使用，然后再通过解读源码的方式，带你深入了解 Webpack 5 实现微前端的工作原理，以及实战中常见的应用场景，详细介绍如何使用模块联邦落地微前端架构。

本课目录

思路导航，学习不迷茫

1. Module Federation 是什么
2. Module Federation 如何使用
3. Module Federation 的构建解析
4. Module Federation 的应用场景
5. 总结

本课核心图

脑图启示，知识结构化

讲师简介

西岭 拉勾网前端技术专家

近 10 年互联网编程经验，曾带领团队从零搭建 ToB 端业务平台，多次领导大型商业项目进行系统架构实施，对前端项目架构方案有深入研究。对无服务化的项目转型，项目的微前端落地应用实践，以及微前端方案的发展应用，有丰富的实战经验。


8点一课

8点一课是拉勾教育新出的栏目，每周一至周五早上8点更新一期，每期10～30分钟，旨在用碎片化的时间，快速、高效地帮你搞清楚一个热点、令人迷惑的小知识，日拱一卒，每天进步一点点。
 

内容版权声明：除非注明，否则皆为本站转载文章。文章及图片版权归原作者所有，如有侵权请联系我们，我们立刻删除。