基于 `Webpack 5 Module Federation` 从0到1实现一个以 `React` 项目为容器，集成多个 `React` 和 `Vue` 项目的微前端项目

因为目前有时间了，所以在整理一下自己这几年写过的一些东西的相关文档，准备把一些东西改一下发出来，有的内容可能并不复杂，甚至有点浅显，但是也是对自己这几年的一些复盘和总结了

本文着眼于梳理业界微前端技术的发展脉络、在主流产品中的应用情况，以及目前不同技术方案之间的架构和核心原理对比，只关注精华部分，不纠结于技术细节，帮大家快速建立起对微前端整体上的认识。

为什么选择微前端作为项目亮点 作为面试官，我经常听到很多候选人说在公司做的项目很简单，平常就是堆页面，写管理端，写H5,没有任何亮点，我以我一次面试候选人的经历分享给大家 面试官：你为什么选择用微前端

微前端概念 微前端是借鉴了微服务的理念，将一个庞大的应用拆分成多个独立灵活的小型应用，每个应用都可以独立开发，独立运行，独立部署，还可以随意组合，这样就降低了耦合度，从而更加灵活。 微前端特性 技术栈

需求   公司项目需要将两个独立运行的应用放在一个应用中，采用tab切换的形式展示不同的应用，同时两个应用还需要可以独立的运行。 方案确定   公司两个项目分别是vue3+vite2和vue3+vit

共同点： 当路由切换的时候，可以去加载对应应用的代码，让其跑在容器里。 差异点： 容器实现方案不同。

本篇文章会带大家走进 Web Components，了解 Web Components 是什么、怎么用。在框架横行的时代，Web Components 能否引领跨框架时代的到来呢？欢迎一起阅读讨论～

我们深入研究了无界技术的源码，并将在本文中与大家分享。本文将重点探讨无界微前端如何渲染子应用的。。。