公司平台涉及自研和外采等多个子系统,如何把众多子系统前端界面集成到一起,组成统一平台管理界面,最大程度地提升保持用户体验一致,是项目团队首要解决的问题,在传统iframe方案不能满足项目需求情况下,经过反复技术对比,最终确定运用qiankun框架解决 ...
我们在single spa 技术分析 基本实现了一个微前端框架需要具备的各种功能,但是又实现的不够彻底,遗留了很多问题需要解决。虽然官方提供了很多样例和最佳实践,但是总显得过于单薄,总给人一种 问题解决了,但是又没有完全解决 的感觉。 qiankun 在 single spa 的基础上做了二次开发,完善了很多功能,算是一个比较完备的微前端框架了。今天我们来聊一聊 qiankun 的技术原理。 在本 ...
2021-12-21 08:04 0 1435 推荐指数:
公司平台涉及自研和外采等多个子系统,如何把众多子系统前端界面集成到一起,组成统一平台管理界面,最大程度地提升保持用户体验一致,是项目团队首要解决的问题,在传统iframe方案不能满足项目需求情况下,经过反复技术对比,最终确定运用qiankun框架解决 ...
楔子 首先,目前qiankun框架尚不支持vite, 微应用不能使用vite创建, 即使只是生产环境加的载微应用也不行, 因为vite打包代码时,内部的esbuild会tree shake掉与qiankun相关的生命周期钩子, 主应用没影响,使用什么创建项目都无所谓 主应用 没啥特殊 ...
qiankun.有时间再写吧,哈哈 ...
一、前言 相信大家对于微前端的概念和思想都有了解过,在此我不再赘述。在我们的业务项目中,由于项目比较大,在日常的开发过程中也暴露出来了问题:项目启动慢,打包部署上线慢。这给我们开发和运维人员带来了很大的不便,有时候有紧急任务需要上线,也得打包半个钟才能交付到运维处。因此,我们打算使用微前端的方案 ...
微前端项目在本地开发完成后,接下来就需要考虑如何部署上线。主应用和微应用都应该是独立开发和部署的,属于不同的仓库。 一、 部署在同一服务器 如果服务器数量有限,或不能跨域等原因需要把主应用和微应用部署在一起。 通常的做法是主应用部署在一级目录,微应用部署在二/三级目录。 1.1 微应用改造 ...
一、概念 之前的一篇文章基于qiankun从零搭建了一套微前端项目,主应用是vue,微应用包括vue、react。内部页面比较单一需要根据实际业务添砖加瓦,每个微应用应该是严格按照业务进行拆分的,但是在实际项目开发过程中,主应用、微应用之间能相互通信是基本的需求。 目前有关微前端通信的方案无非 ...
在理解微前端技术原理中我们介绍了微前端的概念和核心技术原理。本篇我们结合目前业内主流的微前端实现 single-spa 来说明在生产实践中是如何实现微前端的。 single-spa 的文档略显凌乱,概念也比较多,初次接触它的同学容易抓不住重点。今天我们尝试整理出一条清晰的脉络,让感兴趣的同学能够 ...
qiankun的相关学习地址: 1.【官方文档地址】 https://qiankun.umijs.org/zh/guide 2.【GitHub地址】 https://github.com/umijs/qiankun 3.【快速在qiankun基础上搭建的使用demo ...