微前端概念

微前端是一种允许多个团队独立发布功能以共建大型Web应用的技术。它强调技术栈无关,独立开发和部署,以及渐进式重构能力。Qiankun、Webpack 5的Module Federation和Piral是三种主要的微前端实现框架。Qiankun由阿里开发,提供技术解耦和样式隔离等特性;Webpack 5的Module Federation基于前端熟悉的Webpack,但要求所有项目使用Webpack 5;Piral则具有高度模块化和多框架兼容性,但英文文档较多。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

微前端概念


概念

微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略

微前端的核心价值

  1. 技术栈无关 主框架不限制接入应用的技术栈,微应用具备完全自主权
  2. 独立开发、独立部署 微应用仓库独立,前后端可独立开发,部署完成后主框架自动完成同步更新
  3. 增量升级 在面对各种复杂场景时,我们通常很难对一个已经存在的系统做全量的技术栈升级或重构,而微前端是一种非常好的实施渐进式重构的手段和策略
  4. 独立运行 每个微应用之间状态隔离,运行时状态不共享

微前端的实现演变

  1. iFrame
  2. Qiankun
  3. Webpack 5 的 Module Federation

相关框架 Qiankun

Qiankun 是基于 single-spa 的微前端实现库,由阿里开发

优势是技术解耦、样式隔离、JS 沙箱、资源预加载、提供了 UMI 插件、兼容 IE11

官网

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

简简单单OnlineZuozuo

感谢哥哥姐姐的打赏

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值