微前端
Pcjmy2024-03-17前端工程化前端工程化
微前端
微前端入门
1、什么是现阶段的微前端 2、微前端常用的解决方案和框架
微组件(微模块) 浏览器只有一个 浏览器本身就有兼容性问题 微前端还达不到微模块的水平 现阶段只能达到页面集成的效果
iframe页面集成 缺点:url ui 全局上下文隔离 慢
Single-spa既是解决方案也是一个框架,这个框架仅仅也就是实现了路由和应用入口,其他一些微前端中需要处理的问题,统统没有实现 Single-spa也是基于页面集成的
阿里qiankun基于single-spa二次开发,基于页面集成 css隔离 Js隔离
京东micro-app基于web components index.html基于页面集成
HTML entry eval
Webpack5 模块联邦 module Federation 去中心化 能够达到微模块级别的引用
模块联邦单独做微前端,还有待商榷。但是我们可以把模块联邦和qiankun、micro-app进行组合,把模块联邦作为一个代码模块共享的工具也行
在很多企业中,会一开始就打造微前端程序吗? 微前端很多时候,是要和老旧程序打交道的,而不是一开始就和其他新应用集成
我们现在的应用集成很多都是业务单元的集成