微前端的春风已经吹遍了前端行业,国内可能用qiankun来做微前端最多的吧,我这里也是采用qiankun来进行验证。为了赶上微前端这列车,打算还是写几个demo来验证下。
目前如果输入qiankun进行搜索,网上的例子基本都是官方的那个列子,丑、简单,基本找不到比较好的企业级应用列子,求人不如求己还是自己上吧
计划写如下一个列子
建立4个应用,1个是登录应用,1个是主框架应用,1个是oa任务应用、1个是oa会议应用。将oa的任务应用和oa的会议应用注册到主框架应用。
项目目录结构大概如下:
- go-login只负责登录界面的开发,保证该应用够小,这样也可以实现首屏界面速度够快。而且该应用不需要通过qiankun注册到主框架,通过window.location进行跳转即可。
- go-main作为主框架,安装qiankun的依赖,并且将go-oa和go-oa-meeting以及go-oa-task、go-admin注册进来。
- go-oa(办公应用)、go-oa-meeting(会议应用)、go-oa-task(任务应用)、go-admin(管理员相关功能应用)作为子应用,有些小的细节需要修改,具体配置请产考qiankun的官网。
- go-system(系统管理功能)、go-login(系统登录功能)都是单独的单页应用,不作为子应用,所以不用考虑配置的相关修改,直接采用vue的标准项目开发即可。