前端整合_微前端_(iframe,qiankun,micro-app)

1.why micro-app

在micro-app之前一段历史时期内，在业内已有一些开源的微前端框架存在较为流行的有两个分别是单体全站式后端服务（single-spa）以及QK技术栈（qiankun）。

单页应用响应url变化事件，在路由变化时触发子应用的渲染。这一思路也被广泛采用。然而(single-page application)单页应用要求子应用修改渲染逻辑，并暴露了三个关键方法：bootstrap、mount和unmount。这三个方法分别对应初始化阶段、渲染阶段以及卸载过程。此外(Additionally)由于组件库是基于(single-page application)进行封装的解决方案,它继承了这些核心特性,并对webpack配置进行了优化以提升兼容性和性能表现.

micro-app并未遵循single-spa的传统模式，并非直接继承其架构设计。相反地，它汲取了WebComponent的核心理念，并借助CustomElement组件与自定义的ShadowDom框架，在功能实现上实现了微前端的技术封装。这种封装方式使得微前端能够以类WebComponent的形式存在，并通过组件化的方式完成渲染操作。值得注意的是，在此过程中，默认情况下无需像single-spa和qiankun方案那样迫使子应用修改渲染逻辑并暴露相关方法；同时也不需要调整Webpack配