← 中文资源

简体中文版本

微前端

微前端把前端拆成独立部署的单元——按团队或领域垂直切片——运行时或构建期组合,用包体纯度换团队自治。

阅读英文原文

概念定义

后端微服务靠拆分部署买到团队独立;微前端为浏览器买到同样的独立:每个团队拥有从数据到像素的一条切片并独自部署。

工作机制

应用外壳拥有路由、布局与共享运行时;片段注册路由并渲染进槽位——iframe(隔离强、集成弱)、Web Components、或模块联邦(共享依赖、集成更好)。跨片段通信用事件或薄共享存储;受治理的设计系统在不集中代码所有权的前提下保住视觉一致。

使用场景

多团队共享一个产品面、且集成之痛超过集成成本——通常几十名前端工程师以上。低于这个规模,带强制边界的模块化单体前端在每个维度都更便宜。

常见误区

微前端不为页面提速:载荷重复与集成开销通常变贵,赢的是团队吞吐。理论上每个片段可用任意框架,代价由用户的包体、内存与设计一致性支付——收敛压力真实存在。水平分层而不是垂直分域,会把每个片段耦合进每次发布。通过 window 共享可变全局状态是隐形耦合;外壳会成为新单体,需要自己的治理与发布纪律。