前几天在一个前端群里，看到一位群友在吐槽react不支持keepalive，没办法实现多页签，这篇文章就我就用react 基于antd pro 5实现一下这个功能。

文章主要从原理、优缺点出发，深入剖析现在市面上最流行的三大的微前端框架。带领读者彻底理解微前端，同时也会给出一些选型上的参考。

在上篇文章中，我们已经实现了基本的多页签功能，接下来我们在微前端(qiankun)框架中实现多页签功能。

Module Federation 的简介 基础例子 - 1个 host、1个 remote 方向例子 - 既可以是 host 也可以是 remote 不同版本 React，Module Federa

本篇开始，一起讨论一下，基于monorepo架构模式，利用Module Federation实现微前端架构的架设方案。

考虑到我们的不同项目在业务和组件交互上存在很多相似性，可以考虑在不同项目中使用公共组件库和公共依赖库。目前为了实现模块复用,采用 monorepo 风格管理项目就比较合适了

当你需要同时维护多个技术栈类似的项目，而这些项目之间互相依赖的时候，使用 `monorepo` 会有很多好处，比如：

当想使用一项新的技术时，大量的重构工作会让你不得不放弃使用新技术的想法时，这时选择微前端方案，可以大幅降低接入旧项目的成本，使用新技术开发新的功能或重构部分旧的功能模块。

Monorepo是一种管理代码的方式，将相关代码存储在单一库中，为团队带来诸多优势。本文将探讨应用级别的Monorepo在前端领域的落地与实践，分享关键要素和成功经验。