1. qiankun微前端框架处理
https://blog.csdn.net/qq_41694291/article/details/113842872
概念:微前端的概念借鉴于后端的微服务,一般以业务功能为拆分单元 解决问题:大型项目的变更、扩展、维护困难的问题
总体积变大,插件可上传cdn,但公共函数资源不便于共享
iframe :隔离性和兼容性好,性能和使用感差(性能差因为不会有缓存,每次重新加载) 基座模式 :基于 路由分发 ,由基座监听路由变化,加载不同的应用,实现应用解耦,single-spa、qiankun 组合式集成 :组件单独打包发布,类似于npm包 EMP :主要基于Webpack5 Module Federation web components :
我们采用的是qiankun,主要思路是将一个大应用,拆分为更小的、可独立开发、测试、部署的子应用。
传统的大型项目:所有模块都在一个应用里,由应用本身负责路由管理,属于 应用分发路由 方式 拆分微应用的项目:属于基座模式下的系统架构,各应用互相独立,单独运行在不同的服务上,基座(基座一般是用户最终访问的应用)根据路由去加载不同的应用到页面上,即 路由分发应用 方式
微前段主要需要解决的问题有两个
qiankun和single-spa对比
activePath与当前的hash对比一致