1、目的
有小伙伴 问 关于 微前端的 问题， 所以专门写一篇
以下内容 引用自 MicroApp
它主要解决了两个问题：
- 1、随着项目迭代应用越来越庞大，难以维护。
- 2、跨团队或跨部门协作开发项目导致效率低下的问题。
micro-app并没有沿袭single-spa的思路，而是借鉴了WebComponent的思想，通过CustomElement结合自定义的ShadowDom，将微前端封装成一个类WebComponent组件，从而实现微前端的组件化渲染。并且由于自定义ShadowDom的隔离特性，micro-app不需要像single-spa和qiankun一样要求子应用修改渲染逻辑并暴露出方法，也不需要修改webpack配置，是目前市面上接入微前端成本最低的方案。
PS: qiankun 文档写的比较瓜皮 不建议 新手使用
2、创建微应用
- 此处 为了更好的展示 效果 使用 完整案例 会更容易理解
1.拿到 项目
2. yarn bootstrap 安装依赖
3.启动一个子应用 比如 react17 yarn dev:main-react17
- 跑起来 后是这样的
- 看到 这个导航内有很多的 框架 怎么来的 ？
主应用和子应用
- 主应用和子应用 都包含了 这些框架 需要的内容
3、尝试更改一点
- 页面效果
- 这种变更 我们 就不谈了 ，就是 常规写页面的方式
4、多说一点
-
其实 官网文档 还有 单独搭建 React / Vue 等 步骤 ， 大家可以去试试，不过 我觉得必要性不是非常强，如果只是 入门 微前端， 作为入门第一节，我觉得这些内容 已经足够，其他的 自己 去试试吧
