聊一聊微前端框架的选型和实现 | 业务平台

一、项目背景

目前，我们开发维护的项目主要有 6 个，但是分别对应 PC 和 H5 两个端：

如上图所示，我们 6个项目最开始是一个一个进行开发维护的，但是到后期，这几个项目之间有的部分会有业务逻辑不同，UI 基本相似的情况出现。而这几个项目前端维护人员较少， 这个时候就要考虑开发效率问题，我们希望相同部分共用，而不是每次都去项目里面进行复 制粘贴，重写逻辑。我们引入微前端，将相似的部分抽离出来，创建一个仓库，实现下图效果

 

但是上图也会造成一个问题，就是我们每抽离一个模块，需要单独申请一个仓库去进行维护， 这样子维护起来也很麻烦，我们在这个基础上进行改进，引入 MonoRepo+qiankun，最终实 现下图效果。所有模块放在一个仓库中，每次出现新的模块，我们在这一个仓库下面去创建 项目，只维护一个仓库，但是可以在不同项目之间进行切换。