![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Ant Design Pro
文章平均质量分 90
无翼之雀
这个作者很懒,什么都没留下…
展开
-
微前端系列讲解--应用集成方案(qiankun+umi+vue)
1. 微前端架构介绍微前端架构是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。考虑到qiankun作为蚂蚁的微前端架构,具备以下特点:①简单。微应用接入像使用接入一个 iframe 系统一样简单,但实际不是 iframe。②能力完备。几乎包含所有构建微前端系统时所需要的基本能力,如样式隔离、js 沙箱、预加载等。③健壮性值得信赖。在蚂蚁内外经受过足够大量的线上系统的考验及打磨。所以,选择qiankun去构建集成应用项目的微原创 2021-09-24 22:40:12 · 7456 阅读 · 0 评论 -
antd pro(ProLayout) mix混合菜单不生效
一、问题描述antd pro的混合菜单模式,算是一种比较新的导航菜单模式,可以让顶部全局导航+侧边导航混合模式同时出现,满足一些特别的需求。ProLayout高级布局组件的API里有一个layout参数,可以设置layout的菜单模式,我们可以在config配置文件做配置。// layout的菜单模式。side:右侧导航,top:顶部导航,mix: 混合菜单layout: 'side' | 'top' | 'mix';那么问题来了,为什么我们把layout设置为mix后,界面的导航菜单看原创 2021-09-10 07:57:57 · 5000 阅读 · 3 评论 -
antd pro项目使用qiankun,loading加载页不消失
一、问题描述antd pro项目开启qiankun作为主应用后,输入项目地址,我们会发现,我们看不到我们想要的页面,呈现在眼前的只是一个加载页,如下图:其实细心的人会发现,该页面存在滚动条,滚动下去即可看到项目当前路由的页面,只是加载页处于上方布局,一直存在不会消失而已。为什么会这样呢?看下图,我们会发现加载页和登录页挂载的dom节点并不一样。loading加载页挂载在id为“root”的dom节点下(antd pro默认挂载节点为root),而登录页挂载在id为“root-master原创 2021-09-08 12:31:29 · 3525 阅读 · 2 评论 -
Error: Module “xxx“ does not exist in container. / antd pro v5启用qiankun报错 / 同时使用mfsu和qiankun报错
Error: Module “xxx“ does not exist in container. / antd pro v5启用qiankun报错 / 同时使用mfsu和qiankun报错终端报错如下:Uncaught (in promise) Error: Module "xxx" does not exist in container.while loading "xxx" from webpack/container/reference/mf原创 2021-09-06 21:17:07 · 8361 阅读 · 0 评论 -
umi3.5新特性之提速方案mfsu
umi(插件化的企业级前端应用框架)正式发布了3.5版本,此次更新带来了一个全新的功能:mfsu。mfsu是一种基于webpack5新特性Module Federation(模块联邦)的打包提速方案。开启mfsu可以大幅减少启动项目和热更新所需的时间。在生产模式,也可以通过提前编译依赖,大幅提升部署效率。原创 2021-07-09 23:26:49 · 16866 阅读 · 0 评论 -
从0到1搭建react后台管理系统项目
如果我们需要从0到1搭建一个全新的企业级web后台管理系统,我们应该怎么做呢?今天我们要讲的是基于react框架,如何从0到1快速搭建一个后台管理系统。主要分为以下几步:1. 安装node.js(基本环境,自带npm);2. 安装git(版本管理);3. 安装VSCode(开发工具);4.使用Ant Design Pro搭建项目。原创 2021-06-27 22:29:14 · 3718 阅读 · 2 评论