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

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

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

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

本课目录
思路导航,学习不迷茫

Module Federation 是什么
Module Federation 如何使用
Module Federation 的构建解析
Module Federation 的应用场景
总结
本课核心图
脑图启示,知识结构化

 

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

隐藏内容

此处内容需要权限查看

  • 普通用户购买价格:0.1金币
  • 会员用户购买价格:0.1金币
  • 永久会员用户购买价格:0.1金币

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注