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

50人 购买 好评度 -
用手机看

扫一扫继续用手机看

  • 微信扫码推荐

    当前为微信账号
    请扫此码

  • QQ扫码推荐

    当前为QQ账号
    请扫此码

下载手机APP
收藏
  • 8点一课
更多班级

8点一课

支持随到随学,26年07月过期

¥5.22

本班因教学质量问题暂时不能报名。 查看详情

课程因违反平台规定暂时不能报名。

立即购买

2021Web前端热门技术点合辑【8门新课】 ( 共8门 )

免费 原价 :¥8.00 立即报名 查看详情

课程概述

目录

往期学员作业()

评论

老师介绍

  • 拉勾教育@娜娜老师

    拉勾教育@娜娜老师

    我是拉勾教育的娜娜老师,添加我的微信/电话【18514281227】即可领取相关课程资料。
简  介 今天这一期,我们来看看 Module Federation 的基本使用,然后再通过解读源码的方式,带你深入了解 Webpack 5 实现微前端的工作原理,以及实战中常见的应用场景,详细介绍如何使用模块联邦落地微前端架构。
内容摘要

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

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

其实这个方案在微前端的架构理念中早已提及,但直到 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. 总结

本课核心图

脑图启示,知识结构化
202176-19654.png
讲师简介

西岭 拉勾网前端技术专家

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



8点一课

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

资料下载报名后支持下载

* 课程提供者:拉勾教育