qiankun

【前端知识】微前端框架qiankunQiankun是一款由蚂蚁金服推出的微前端框架，它基于single-spa进行二次开发，旨在将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。以下是对Qiankun的详细介绍：

微前端架构 qiankun背景：随着业务功能的扩展，原有开发模式已无法满足需求。上线后出现问题时，排查过程变得异常复杂，新开发人员也难以迅速理解现有代码。同时，系统间界面风格和交互差异较大，导致跨系统办理业务时工作量增加。因此，引入微前端架构，以支持团队协作、实现独立部署，并提升开发效率。

【前端知识】简单讲讲什么是微前端微前端（Micro-Frontends）是一种将前端应用拆分为多个独立、可部署的部分的架构模式，每个部分可以由不同的团队独立开发、测试、部署和维护。这种架构类似于微服务在后端的应用，是为了应对复杂前端应用的维护和扩展问题而提出的。

乾坤项目学习总结什么是乾坤通俗点讲乾坤就是在一个项目里面套另一个项目，一个项目在另一个项目框架里运行（有点像iframe了，为什么不用后面附官网）；两个项目可以是不同的框架、技术实现，前者项目我们叫主应用，后者叫子应用，然后我们还需要创建一个微应用项目

崽崽的谷雨

qainkun 子应用更新，但是访问主应用时显示的还是旧的内容使用qiankun时，子应用只改了一个页面里很细微的东西。比如：只改了一个文字等等。访问主应用时却还是旧的页面。清除浏览器缓存才刷新过来。即使我子应用打包时文件都有了动态的hash生成也会出现这种问题。 qiankun官方也给了解决方案：

不cong明的亚子

qiankun-接入umi框架的微应用将自己的umi项目作为微应用，移植到自己的主站。微应用：umi应用 (create umi脚手架)@umijs/max@4.3.24

develop_csdn_LGQ

微前端框架之乾坤【qiankun】（一）先上背景，新入职一家公司，公司使用到了这个框架，学习一番，要求很低，让自己能够在这个业务线正常的开发。

『微前端系列』微前端概述及qiankun简介微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。

乾坤qiankun搭建前端微服务本教程适合于qiankun新手，手把手教你搭建一个简单的本地前端微服务，附完整代码微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。

Vue微前端架构与Qiankun实践理论指南title: Vue微前端架构与Qiankun实践理论指南 date: 2024/6/15 updated: 2024/6/15 author: cmdragon

Shero.李建业

qiankun（乾坤）微前端框架简介最近在搞微前端项目，接下来整体介绍一下微前端。在现代 Web 应用程序开发中，微前端架构逐渐成为一种趋势，它可以帮助我们更好地管理和组织复杂的项目。qiankun（乾坤）是一个基于 single-spa 的微前端实现库，旨在帮助开发者更简单、无痛地构建一个生产可用的微前端架构系统。一、qiankun 简介

微前端个人理解与简单总结最近一段时间在学习微前端，一开始是看各种博客了解微前端含义、对比多种微前端框架优劣，最后选择了qiankun、micro-app、wujie这三种微前端框架进行深入研究、对比。

vue3.0 + qiankun遇到的问题进入子应用再回到主应用切换动态路由时 TypeError: Cannot read properties of undefined (reading ‘appWrapperGetter’) application ‘plat’ died in status UNMOUNTING: instance.$destroy is not a function

微前端四：qiankun在开发中遇到的问题在qiankun开发中会遇到很多问题，上一篇微前端三：qiankun 协作开发和上线部署其实也是在解决一些经常遇到的问题，下面的两点也算是比较经典的了 1、子应用图片路径问题 2、基座是Vue2.0 + element ui 配合子应用 Vue3.0 + element plus 导致的样式冲突问题具体怎么解决我们一起来看下。

微前端二：qiankunqiankun是基于Single-spa开发的框架，所以我们先来看下Single-spa是怎么做的：Single-spa 是最早的微前端框架，兼容多种前端技术栈，是一个将多个单页面应用聚合为一个整体应用的 JavaScript 微前端框架；

qiankun微前端实践微前端架构具备以下几个核心价值：iframe最大的特性就是提供了测觉游原生的使用离方案，不论是样式隔离，is隔离这英问题统规定美解决。但他的最大问题也在于他的隔离性无法破突破，导致应用间上下文无法被共享，随之带来的开发体验，产品体验的问题