微前端的优缺点

微前端的优缺点

iframe的优缺点：

优点：

• 非常简单，无需任何改造

• 完美隔离，JS、CSS 都是独立的运行环境

• 不限制使用，页面上可以放多个 iframe 来组合业务

  缺点：

• 无法保持路由状态，刷新后路由状态就丢失

• 完全的隔离导致与子应用的交互变得极其困难，只能采用postMessage方式

• iframe 中的弹窗无法突破其本身

• 整个应用全量资源加载，加载太慢

qiankun的优缺点：

优点：

• 基于single-spa 封装，提供了更加开箱即用的 API

• HTML Entry 接入方式，接入微应用像使用 iframe 一样简单

• 样式隔离，确保微应用之间样式互相不干扰

• JS 沙箱，确保微应用之间 全局变量/事件 不冲突

• 资源预加载，在浏览器空闲时间预加载未打开的微应用资源，加速微应用打开速度

  缺点：

• 只能解决子项目之间的样式相互污染，不能解决子项目的样式污染主项目的样式

• 不支持原生esmodule加载