内容摘要
微前端现有的落地方案可以分为三类,自组织模式、基座模式以及模块加载模式。
与基座模式相比,模块加载模式没有中心容器,这就意味着,我们可以将任意一个微应用当作项目入口,整个项目的微应用与微应用之间相互串联,打破项目的固定加载模式,彻底释放项目的灵活机动性,这样的模式,也被称为去中心化模式。
其实这个方案在微前端的架构理念中早已提及,但直到 2020 年 10 月 Webpack 5 正式发布之后才被真正落地应用。因为 Webpack 5 带来了一个全新特性:Module Federation,这是我们使用模块加载模式实现微前端架构的核心特性。
今天这一期,我们来看看 Module Federation 的基本使用,然后再通过解读源码的方式,带你深入了解 Webpack 5 实现微前端的工作原理,以及实战中常见的应用场景,详细介绍如何使用模块联邦落地微前端架构。
本课目录
思路导航,学习不迷茫
Module Federation 是什么
Module Federation 如何使用
Module Federation 的构建解析
Module Federation 的应用场景
总结
本课核心图
脑图启示,知识结构化
讲师简介
西岭
拉勾网前端技术专家
近 10 年互联网编程经验,曾带领团队从零搭建 ToB 端业务平台,多次领导大型商业项目进行系统架构实施,对前端项目架构方案有深入研究。对无服务化的项目转型,项目的微前端落地应用实践,以及微前端方案的发展应用,有丰富的实战经验。
隐藏内容
此处内容需要权限查看
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。