微前端实现方式对比

项目架构

主应用

• 注册子应用
• 加载、渲染子应用
• 路由匹配（activeWhen，rules - 由框架判断）
• 获取数据（父子通信，子父通信）

子应用功能

• 渲染
• 通信监听（主应用传递过来的数据）

微前端框架

• 子应用的注册
• 开始内容（应用加载完成）
• 路由更新判断
• 匹配对应的子应用
• 完成所有的依赖项的执行
• 将子应用渲染在固定的容器内
• 公共事件的管理
• 异常的捕获和报错（监控上报）
• 全局状态管理
• 沙箱隔离
• 通信机制

服务端功能

• 提供数据服务

发布平台

• 主子引用的打包和发布