微前端方案

微前端方案

微前端技术选型

2025 年选型指南:5 大方案怎么选? - https://juejin.cn/post/7541383469295009844

场景 推荐方案 核心理由
多团队协作,有老项目需要迁移 乾坤(qiankun) 兼容性第一,文档多,坑少,沙箱机制完善利于老项目平稳过渡
全新 Vite+Vue3 项目,追求极致开发体验 模块联邦 性能好,与 Vite 生态无缝衔接,模块级共享带来丝滑开发感受
超大型中后台,需要稳定性和监控 Garfish 字节背书,企业级特性完善,对 Vue3 适配深入且有性能监控等工具
追求轻量、强大功能且对新框架接受度高 腾讯无界(Wujie) 轻量快速,功能丰富,对子应用保活、通信等场景支持良好
偏好组件化思路构建微前端 京东 micro-app 以组件化封装子应用,隔离性较好,适合对子应用进行组件化管理的场景

个人经验

中小团队如果追求新体验且无历史包袱,直接冲模块联邦,开发体验真的香;

有老项目的团队,鉴于兼容性和稳定性,先用 qiankun 过渡,后续再逐步迁移到 Vite + 模块联邦;

如果是字节系内部团队或对稳定性要求极高,Garfish 是很好的选择;

若看重轻量和丰富功能,腾讯无界值得尝试;

喜欢组件化思维构建微前端的则可以考虑京东 micro-app。

避坑指南:2025 年依然会踩的 3 个坑

  1. 依赖共享不要贪多:模块联邦、Garfish、腾讯无界等都支持共享依赖,但别把lodash这种工具库也共享 —— 子应用升级版本容易冲突,实测只共享vuevue - router这类核心库就够了。
  2. 路由模式统一用 history:hash 模式在微前端里容易出嵌套问题,2025 年了,赶紧把所有应用的路由都换成 history 模式,配合base配置隔离路由。
  3. 样式隔离别全靠框架:无论是 qiankun 的沙箱还是 Vue 的 scoped,都建议给子应用加个独特的前缀(比如app1-),避免全局样式污染 —— 血的教训!

微前端实现方案对比

微前端实现方案对比

对于选择困难同学来说,可以参考以下纬度进行方案技术的选型

对于选择困难同学来说,可以参考以下纬度进行方案技术的选型

将微前端做到极致-无界微前端方案

万字长文-落地微前端 qiankun 理论与实践指北 - 掘金

qiankun、micro-app、EMP 方案分析

qiankun

qiankun 方案是基于 single-spa 的微前端方案。

特点