首页/开发/系统分析与架构设计速查/微前端(Micro Frontends)
架构风格与模式58 条

微前端(Micro Frontends)

按业务域把前端拆为可独立构建与发布的应用,由不同团队负责;集成方式包括构建时依赖、运行时模块加载、iframe 与 Web Components,需权衡一致性、性能与自治。

集成方式

方式特点风险
构建时集成以包依赖方式组合发布仍需整体协调
运行时集成运行时加载远程模块依赖版本与性能开销管理
iframe隔离性强通信与体验一致性差
Web Components标准封装生态与样式穿透处理
微前端解决的是团队交付边界问题,如果前端规模不大,统一应用加模块化更划算。

易错点

  • 各子应用重复打包同一框架,页面体积膨胀
  • 样式与设计规范无人统一,用户体验割裂

数据来源与参考

  • Michael Geers《Micro Frontends in Action》(Manning)
  • martinfowler.com《Micro Frontends》(2019)
​‌‌​​‌​​​‌‌​‌‌‌‌​‌‌​​​‌‌​‌‌‌​​‌‌​​‌​‌‌‌​​‌‌‌​​​‌​‌‌​‌​​‌​‌‌‌​​​‌​‌‌​‌​​‌​‌‌​​​‌‌​‌‌‌​‌​​​‌‌​‌‌‌‌​​‌​‌‌‌​​‌‌​​​‌‌​‌‌​‌‌‌‌​‌‌​‌‌​‌