Umi 通常会搭配 Dva 使用，用于管理页面状态和逻辑 一、注册 model 首先需要在 .umirc.js 中启用 dva 插件 dva 通过 model 的概念把一个模型管理起来，相当于其他状态管理工具中的 store，通常由以下组成 在 umi ...

umi 是一个企业级 react 应用框架，也是蚂蚁金服的底层前端框架 《蚂蚁金服的前端框架和工程化实践》 一、安装脚手架 在创建项目之前，需要保证有 node 8.10 以上的环境 可以使用官方脚手架 create-umi 快速创建项目 首先创建一个新目录 ...

公司的新项目用到了 Umi，之前用过 Umi 1.x 版本，而现在已经来到了 3.x 时代 相对低版本来说，Umi 3.x 的整体的设计没有什么大变化，但在细节上还是有着不小的改变 比如 model，除了兼容以前的 connect 写法之外，还可以使用 hooks，这篇文章主要是对 hooks ...

多语言（国际化）是一个很常见的需求，Umi 对多语言也有很好的支持 一、简单实现 Umi 基于 react-intl 封装了多语言插件 @umijs/plugin-locale 不过并不需要单独引入，只需要在配置文件（.umirc.js 或 config/config.js）中配置 ...

原生的路由加载是在打包的时候,将所有的组件都打包到一个文件中,然后在首次进入页面的时候就会加载这个包,相当于全量包.接着在你点击路由时去查找相关组件.网络压力全在首屏加载的时候. 路由懒加载:分包,分请求.先分不同的包,然后根据路由从后端请求.加载压力分到每一次路由请求. 在umi中使 ...

在model里登陆和登出需要window.location.reload 刷新页面。 ...

在之前的文章中有提到过简单的路由配置和使用， 一、基本用法 Umi 的路由根结点是全局 layout src/layouts/index.js 路由会将相应的页面组件映射到上面的 props.children 中 之前的文章介绍过，Umi 的路由 ...

今天在学习umi，他的路由机制非常的方便，但是在学到配置式路由的时候，看官方文档里面一笔带过： 对于我这种小萌新来说，有点懵，我需要把配置文件放到哪里呢？经过一番研究，发现它是放在根目录的.umirc文件里面的 但是对于我这种强迫症患者来说，放到这里面很不舒服，我就把我配置的路由抽出来 ...