微前端 Micro-Frontends - 概念

微前端 Micro-Frontends - 概念

什么是微前端？（what）
微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用可以独立运行、独立开发、独立部署。微前端的核心在于拆，拆完后在合。

为什么需要用到微前端？（why）
原先的单体应用

1. 当我们的项目越来越复杂的，项目中的功能模块也越来越多，这就导致了一个问题，代码复杂。
   1. 代码构建部署缓慢
   2. 对开发人员非常不友好（特别是新接手的人来说，找个模块可能都要好久）
   3. 模块耦合太高，一个模块崩了，可能会影响到整个系统
2. 跨团队间的合作，比如一个 vue 团队，一个 react 团队，两个团队使用的技术栈是不同的，如何在同一个项目中使用两种技术栈？

微前端应用

1. 不同的模块可以拆分成不同的项目，不同的团队去维护，