微前端 跨域_qiankun 微前端框架的应用

微前端？ 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。——qiankun官网

00

使用微前端的好处 

• 技术栈无关
  主框架不限制接入应用的技术栈，微应用具备完全自主权

• 独立开发、独立部署
  微应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新

• 增量升级

  在面对各种复杂场景时，我们通常很难对一个已经存在的系统做全量的技术栈升级或重构，而微前端是一种非常好的实施渐进式重构的手段和策略

• 独立运行时
  每个微应用之间状态隔离，运行时状态不共享

01

 创建react工程 

1、我们使用create-react-app搭建两个项目，分别当作主应用和子应用，create-react-app脚手架的使用方式在这里不多做介绍，就是创建两个初始的react工程，具体可参考一下链接。 https://www.html.cn/create-react-app/docs/getting-started/ 2、两个项目创建完成之后分别在控制台运行 npm eject 将项目的默认配置弹射出来，我们以mfe-basic为父应用，mfe-sub1为子应用，项目目录结构如下。