Micro Frontends（微前端）

解决的问题

随着公司业务增长，前端代码库可能膨胀为一个巨型单体（Monolith）：数百人协作、编译时间超过 10 分钟、一个 bug 可能影响全站发布。微前端的思路是把这个大 SPA 拆成多个独立应用，每个团队负责自己的部分，可以独立开发、测试和部署。

Zalando、宜家、IKEA、Spotify 都是大规模实践微前端的案例。[1]

实现方式与 Module Federation

微前端有多种实现方式，从简单到复杂：

• iframe：最简单但样式和路由隔离最彻底，通信成本高，性能差
• Web Components：各子应用暴露自定义元素，主应用直接渲染，天然隔离
• single-spa：老牌微前端框架，用路由激活/卸载各子应用
• Webpack 5 Module Federation：运行时动态共享模块，不同构建产物可以跨应用共享 React 等重依赖，避免重复加载

微前端并非银弹：引入了运行时依赖冲突风险、增加了网络请求和加载时间、调试复杂度大幅上升。适合大型多团队组织，中小团队用 Monorepo 往往是更好的选择。