接上一篇（https://www.yuque.com/blueju/blog/gtgndg），上一篇中使用的都是运行时动态注册子应用，子应用路由仍然是写死的、非动态获取。 然后真实项目中除了需要动态注册子应用，还很有可能需要动态装载子应用（路由），比如说：不同权限的用户需要给予…

微前端应用分为主应用与子应用，部署方式是分别编译好主应用与子应用，将主应用与子应用部署到 nginx 配置好的目录即可。 主应用 js 文件引入 qiankun 注册子应用，并编写导航页显示跳转逻辑。 将编译后的主应用以及子应用放到对应的数据卷挂载目录即可，如主应用 /app/…

一、创建主应用项目 （1）创建主应用 首先创建vue3项目，具体步骤就不说了，网上一大堆,这里给项目取名main （2）安装qiankun qiankun官方教程地址 （3）配置main.js(注册子

随着我们中后台系统的复杂，往往会遇到多个团队独立维护的子应用接入统一的主应用中，这些子应用往往独立开发、独立部署、彼此完全解耦，这时候往常的单一应用无法满足业务的增长需求。而微前端便是用来解决随着时间的推移业务复杂度的提升，某个单应用演变为难以维护的“巨石应用”。 这便文章并不…

对于 qiankun 来说，路由劫持是在 single-spa 上去做的，而 qiankun 给我们提供的能力，主要便是子应用的加载和沙箱隔离。 我将分为三个 topic 去讲，这篇文章主要基于 qiankun 源码像大家讲一下微前端子应用的加载。 qiankun 是 sing…

探讨乾坤的一些基本实现，帮助了解乾坤原理的一个入门。 微前端架构旨在解决应用在一个长时间维护过程中，演变成巨石应用( Frontend Monolith )后，带来的难以维护问题。而乾坤则是基于这类中后台单页应用提出的解决方案。qiankun的主框架选择了成熟的single-s…

乾坤能把vite做成子应用么? 答案是直接整不行, 目前官方还没给出解决办法, vite是模块化加载,都不用webpack了, 那我们又想用最新的技术做子应用那改怎么搞? 下面我整了个git 练习项目

微前端的讲解概念和理论的文章非常多，这里我就不谈了，我讲的肯定没有他们好。同样的github上的demo也非常多，然后我在公司项目引入时还是发现了许多问题，特此进行记录总结。

微前端是一种由独立交付的多个前端应用组成整体的架构风格，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用。本文对微前端的原理和实践进行了详细的描述，并预告Modern.js即将开源～