跳到主要内容

认识

2023年08月15日
柏拉文
越努力,越幸运

一、认识


MicroApp 一款轻量、高效、功能强大的微前端框架。

micro-app 并没有沿袭 single-spa 的思路,而是借鉴了 WebComponent 的思想,通过 CustomElement 结合自定义的 ShadowDom,将微前端封装成一个类 WebComponent 组件,从而实现微前端的组件化渲染。并且由于自定义 ShadowDom 的隔离特性,micro-app不需要像 single-spaqiankun 一样要求子应用修改渲染逻辑并暴露出方法,也不需要修改webpack配置,是目前市面上接入微前端成本最低的方案。

二、特点


2.1 JS沙箱

2.2 样式隔离

2.3 元素隔离

2.4 数据通信

2.5 插件系统

2.6 预加载

2.7 生命周期

2.8 资源地址补全

2.9 零依赖

micro-app 没有任何依赖,这赋予它小巧的体积和更高的扩展性。

三、对比


参考资料


【微前端】在造一个微前端轮子之前,你需要知道这些~