微前端
文章平均质量分 69
Lan Ju
这个作者很懒,什么都没留下…
展开
-
微前端中,为子应用配备开发环境临时导航菜单,提高开发效率
首发于 语雀文档场景子应用开发过程中,势必需要频繁地切换菜单 ,但因为子应用打包后是要接入到基座的,因此不能有菜单等。但如此的话,日常的开发又会不方便,甚至影响开发效率。但我的个人直觉,貌似更正确的做法是:将子应用直接接入到基座中开发调试,因此目前场景下,我们需要的是:在开发环境下,我们希望有菜单,方便我们开发人员进入及路由切换;在生产环境下,我们希望没有菜单;因此我们可以在打包里做手脚。具体操作一般能考虑到这种场景的,势必也是使用 umi 有一段时间了,因此操作这块的介绍不会详.原创 2021-05-07 08:44:43 · 554 阅读 · 0 评论 -
在微前端中,antd icon createFormIconfontCN 的本地化问题
首发于 语雀文档前言用过 antd icon 的朋友们可能知道,其中介绍的用法是:https://ant.design/components/icon-cn/#components-icon-demo-iconfontimport { createFromIconfontCN } from '@ant-design/icons';const IconFont = createFromIconfontCN({ scriptUrl: '//at.alicdn.com/t/font_8d.原创 2021-04-06 11:32:40 · 2357 阅读 · 3 评论 -
搭建 umi + qiankun + antd 的微前端平台
关键词:umiqiankunant design pro非动态注册子应用非动态装载子应用(路由)背景银行项目,需要一个前端中台,承载各项目组开发的应用,本篇文章是在工作实践后所写,还是具有一定可借鉴性的,至于官网已经有相关内容还专门写这么一篇,还是因为在实践中官网中的部分不完善,导致搭建过程异常坎坷。搭建主应用工程主应用一般都是类后管平台,因此我使用 ant-deisng-pro 做主应用,使用以下命令创建:参考:https://pro.ant.design/index-cn.原创 2020-11-03 13:06:40 · 3139 阅读 · 2 评论 -
umi + qiankun 动态注册子应用解决方案
前言首发于 语雀文档@blueju本篇文章可以被视为上一篇文章(https://www.yuque.com/blueju/blog/huuie8)的延续,上一篇文章大致讲述了搭建一个简易微前端平台的过程,其中关于子应用注册的配置是通过硬编码的方式,在构建打包前写入的。但是真实项目中,更需要的是动态注册子应用,比如说我正参与的这个项目。本篇文章的示例代码是基于上一篇文章示例代码改动的,上一篇文章示例代码对应的 GitHub 地址是:https://github.com/blueju/umi-qia原创 2020-11-03 13:05:19 · 3617 阅读 · 3 评论 -
umi +qiankun 主应用动态装载子应用(路由)解决方案
umi +qiankun 主应用动态装载子应用(路由)解决方案前言接上一篇(https://www.yuque.com/blueju/blog/gtgndg),上一篇中使用的都是运行时动态注册子应用,子应用路由仍然是写死的、非动态获取。然后真实项目中除了需要动态注册子应用,还很有可能需要动态装载子应用(路由),比如说:不同权限的用户需要给予他们不同的路由。此篇 blog 的代码是基于上一篇进行改动的,上一篇 blog 中的代码对应的 GitHub 地址是:https://github.com/bl原创 2020-11-03 13:04:35 · 13346 阅读 · 3 评论