原文:搭建 umi + qiankun + antd 的微前端平台

关键词: umi qiankun ant design pro 非动态注册子应用 非动态装载子应用 路由 背景 银行项目,需要一个前端中台,承载各项目组开发的应用,本篇文章是在工作实践后所写,还是具有一定可借鉴性的,至于官网已经有相关内容还专门写这么一篇,还是因为在实践中官网中的部分不完善,导致搭建过程异常坎坷。 搭建主应用工程 主应用一般都是类后管平台,因此我使用 ant deisng pro ...

2020-09-10 09:00 0 2155 推荐指数:

查看详情

基于qiankun从零搭建前端项目

前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 一、什么是前端前端”一词最早在2016年提出,它将后端微服务的概念扩展到前端世界。简单来说,就是将大型的wen渐进式项目拆分成一个个小型工程,即应用。每个应用都能独立开发、部署、运行 ...

Mon Feb 22 05:15:00 CST 2021 0 3132
前端qiankun搭建到部署的实践

示例代码: github.com/fengxianqi/…。 在线demo:qiankun.fengxianqi.com/ 单独访问在线子应用: subapp/sub-vue subapp/sub-react 为什么要用qiankun ...

Sat Oct 10 19:32:00 CST 2020 1 3479
基于qiankun前端的部署方案

前端项目在本地开发完成后,接下来就需要考虑如何部署上线。主应用和应用都应该是独立开发和部署的,属于不同的仓库。 一、 部署在同一服务器 如果服务器数量有限,或不能跨域等原因需要把主应用和应用部署在一起。 通常的做法是主应用部署在一级目录,应用部署在二/三级目录。 1.1 应用改造 ...

Thu Aug 19 01:43:00 CST 2021 0 382
基于qiankun前端的通信方案

一、概念 之前的一篇文章基于qiankun从零搭建了一套前端项目,主应用是vue,应用包括vue、react。内部页面比较单一需要根据实际业务添砖加瓦,每个应用应该是严格按照业务进行拆分的,但是在实际项目开发过程中,主应用、应用之间能相互通信是基本的需求。 目前有关前端通信的方案无非 ...

Fri Mar 05 23:17:00 CST 2021 0 2269
基于qiankun前端应用实现

qiankun的相关学习地址: 1.【官方文档地址】 https://qiankun.umijs.org/zh/guide 2.【GitHub地址】 https://github.com/umijs/qiankun 3.【快速在qiankun基础上搭建的使用demo ...

Wed Nov 25 01:03:00 CST 2020 0 1141
dva+umi+antd项目从搭建到使用

先创建一个新项目,具体步骤请参考https://www.cnblogs.com/darkbluelove/p/11338309.html 一.添加document.ejs文件(参考文档:https: ...

Mon Aug 12 18:41:00 CST 2019 0 3588
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM