是什么

微前端（Micro-frontend，简称 MFE）是一种类似于微服务的架构，是一种由独立交付的多个前端应用组成整体的架构风格，它将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用，而在用户看来仍然是内聚的单个产品。

它主要解决了两个问题：

• 随着项目迭代应用越来越庞大，难以维护。
• 跨团队或跨部门协作开发项目导致效率低下的问题。

        flowchart LR

1["Micro-frontend"]

1 --> 主应用
1 --> 子应用

      

在微前端研发模式中，应用会被分成 主应用、和 子应用。

1. 主应用：微前端项目的基座工程，所有子应用都会由它来加载。
2. 子应用：独立开发、独立部署的应用，最终会被主应用加载。

现有微前端框架

1. iframe
2. Web Components
3. qiankun
   https://github.com/umijs/qiankun
4. 无界

https://github.com/Tencent/wujie

5. garfishjs

https://github.com/web-infra-dev/garfish

参考

https://github.com/efoxTeam/emp/wiki/%E3%80%8A%E5%AF%B9%E6%AF%94%E5%A4%9A%E7%A7%8D%E5%BE%AE%E5%89%8D%E7%AB%AF%E6%96%B9%E6%A1%88%E3%80%8B

Todo…