为什么需要微前端？

微前端就是将不同的功能按照不同的维度拆分成多个子应用。通过主应用来加载这些子应用。

微前端的核心在于拆，拆完后在合，实现分而治之！

微前端解决的问题

• 不同团队（技术栈不同），同时开发一个应用
• 每个团队开发的模块都可以独立开发，独立部署
• 实现增量迁移

如何实现微前端

我们可以将一个应用划分成若干个子应用，将子应用打包成一个个的模块。当路径切换时加载不同的子应用。这样每个子应用都是独立的，技术栈也不用做限制了！

从而解决了前端协同开发问题。

实现微前端技术方案

• 采用何种方案进行应用拆分？
• 采用何种方式进行应用通信？
• 应用之间如何进行隔离？

iframe

• 微前端的最简单方案，通过 iframe 加载子应用。
• 通信可以通过 postMessage 进行通信。
• 完美的沙箱机制自带应用隔离。

缺点：用户体验差（弹框只能在 iframe 中、在内部切换刷新就会丢失状态）

Web Components