https://www.jianshu.com/p/ad349c0f7b06 ...
qiankun的相关学习地址: . 官方文档地址 https: qiankun.umijs.org zh guide . GitHub地址 https: github.com umijs qiankun . 快速在qiankun基础上搭建的使用demo,GitHub开源 https: github.com a micro front template ...
2020-11-24 17:03 0 1141 推荐指数:
https://www.jianshu.com/p/ad349c0f7b06 ...
主应用 主应用使用react搭建,主应用主要提供左侧的项目导航进行切换,和微应用的容器 react子应用 react项目需要注意的是路由的需要根据是否是微应用来生成path和链接。 vue子应用 vue同样也是需要注意路由path的出来,vue是通过路由守卫来处理 最后 ...
微前端项目在本地开发完成后,接下来就需要考虑如何部署上线。主应用和微应用都应该是独立开发和部署的,属于不同的仓库。 一、 部署在同一服务器 如果服务器数量有限,或不能跨域等原因需要把主应用和微应用部署在一起。 通常的做法是主应用部署在一级目录,微应用部署在二/三级目录。 1.1 微应用改造 ...
一、概念 之前的一篇文章基于qiankun从零搭建了一套微前端项目,主应用是vue,微应用包括vue、react。内部页面比较单一需要根据实际业务添砖加瓦,每个微应用应该是严格按照业务进行拆分的,但是在实际项目开发过程中,主应用、微应用之间能相互通信是基本的需求。 目前有关微前端通信的方案无非 ...
,然后由主应用将所有微应用整合在一起,实现所有页面的展示和交互。 二、为什么用微前端 在开发toB ...
示例代码: github.com/fengxianqi/…。 在线demo:qiankun.fengxianqi.com/ 单独访问在线子应用: subapp/sub-vue subapp/sub-react 为什么要用qiankun ...
什么是微前端 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 介绍 qiankun 是一个基于 single-spa 的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 qiankun 孵化自蚂蚁金融科技基于微前端 ...
前言 qiankun框架的编写基于两个十分重要框架,一个是single-spa,另外一个是import-html-entry。在学习qiankun的原理之前,需要知道single-spa的原理,了解它是如何调度子应用,可以看看我上一篇文章。https://www.cnblogs.com ...