认识
2023年08月15日
一、认识
MicroApp 一款轻量、高效、功能强大的微前端框架。
micro-app
并没有沿袭 single-spa
的思路,而是借鉴了 WebComponent
的思想,通过 CustomElement
结合自定义的 ShadowDom
,将微前端封装成一个类 WebComponent
组件,从而实现微前端的组件化渲染。并且由于自定义 ShadowDom
的隔离特性,micro-app
不需要像 single-spa
和 qiankun
一样要求子应用修改渲染逻辑并暴露出方法,也不需要修改webpack
配置,是目前市面上接入微前端成本最低的方案。
二、特点
2.1 JS沙箱
2.2 样式隔离
2.3 元素隔离
2.4 数据通信
2.5 插件系统
2.6 预加载
2.7 生命周期
2.8 资源地址补全
2.9 零依赖
micro-app
没有任何依赖,这赋予它小巧的体积和更高的扩展性。