微前端框架选型

2024-05-10 本文已影响0人梅西爱骑车

本文从技术角度进行对比了主流的微前端框架，阿里的乾坤和腾讯的无界。

序号	对比项	乾坤	无界	备注
1	适配成本	主应用需要完成工程化、生命周期、静态资源路径、路由等一系列工作，子应用需要相应适配工作。	无界提供基于 vue 封装的 wujie-vue和基于react封装的 wujie-react，用户可以当作普通组件一样加载子应用，适配成本比较低。如果不需要通讯子应用无需进行任何改造。
2	组件保活keep-alive	不支持	支持	页面切换后，可以保持页面当前状态。
3	跨技术栈	支持	支持	可以同时加载vue、react前端框架开发的子应用。
4	多应用激活	不支持	支持	一个页面有多个子应用组成时，页面同时激活状态。
5	样式隔离/js沙箱	支持	支持	主子应用定义了相同css、js变量、js函数不覆盖冲突。
6	元素隔离	不支持	支持	`乾坤存在页面元素定位问题。`
7	数据通信	actions	props、window、eventBus	传参、函数调用
8	子应用预加载	`仅静态资源预加载`	不仅能够做到静态资源的预加载，还可以做到子应用的预执行。
9	学习成本	较高	较低
10	首个版本	v1.1.4 (2019-08-01)	1.0.0-rc.1 (2022-07-05)
11	最近更新	v2.10.8 (2023-05-17)	1.0.16 (2023-05-17)
12	兼容ie	支持	自动降级成iframe
13	应用嵌套	支持	支持	子应用嵌套子应用

无界相对乾坤开发适配成本低，支持一个页面同时加载多个子应用页面，支持预加载、元素隔离、多应用激活。建议采用无界。