微前端架构
构建一个微前端系统,包含模块联邦、独立部署、共享状态管理,以及一个编排多个微应用的壳应用。
micro-frontendmodule-federationarchitecture
目标
- 搭建带路由功能的壳应用
- 创建可独立部署的微前端应用
- 实现运行时集成的模块联邦
- 在微应用之间共享状态和身份认证
- 为每个微前端设置独立的 CI/CD
提示
- 使用 Webpack Module Federation 或 import maps
- 在微应用之间定义清晰的 API 契约
- 使用自定义事件实现跨应用通信