微前端 - 乾坤 - 学习笔记【全】

微前端

• 微前端背景： 在前端框架、技术、概念层出不穷，且随着前端标准的演进，前端已经具备更好的性能和开发效率，但是随之而来的是应用的复杂度更高、涉及的团队规模更广、更高的性能要求，应用复杂度已经成为阻塞业务发展的重要瓶颈。为了解决团队平台系统多且相互独立，系统体量大且页面多，开发效率低、接入成本高。故而引出微前端
• 单页面应用痛点：
  1. 项目中的组件和功能模块会越来越多，导致整个项目的打包速度变慢；
  2. 因为文件夹的数量会随着功能模块的增多而增多，查找代码会变得越来越慢；
  3. 如果只改动其中一个模块的情况，需要把整个项目重新打包上线；
  4. 所有的项目都基本只能使用同一技术框架，不便引入新技术栈。如：react、vue等；
     
• 微前端概念： 微前端是指存在于浏览器中的微服务。微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将单页面前端应用由单一的单体应用转变为把多个小型前端应用聚合为一体的应用。这就意味着前端应用的拆分，拆分后的应用实现应用自治、单一职责、技术栈无关三大特性，再进行基座模式或自由组合的模式进行聚合，达到微前端的目的。
• 微前端优势：
  1. 简单、松耦合的代码库：微前端架构倾向于编写和维护更小、更简单、更容易开发的项目。技术栈无关，各项目可以使