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

目录 1）、简介 2）、安装 2.1）、安装 nodejs 2.2）、安装 yarn 2.3）、安装 umi 3）、使用 umi 3.1）、创建项目 3.2）、初始化 ...

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

在《Umi 小白纪实（一）》中有提到过简单的路由配置和使用，但这只是冰山一角 借用一句广告词，Umi 路由的能量，超乎你的想象 一、基本用法 Umi 的路由根结点是全局 layout src/layouts/index.js 路由会将相应的页面组件映射 ...

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

在umi中可以直接使用css，但是并不支持scss，我们需要加两个loader， 直接npm安装 node-sass和sass-loader 即可，剩余的事情umi已经帮我们做好了。 在src/assets下新建文件夹 - assets + - img ...

对于前端团队来说，公共组件库是必须的，紧接着就是完善组件库的文档 社区里关于快速生成文档的工具有很多，如 StoryBook、Docz、Gatsby 在调研了几种文档工具之后，最终我选择了 umi 家族的另一个成员：dumi 因为它集成了 docz，以及打包工具 father-build ...

这两天研究了下qiankun这个微前端实现，正好写了两个项目用的是umi且是父子应用关系，之前的方式是在主应用添加iframe将子应用引进来，现在想通过改造成qiankun来将两个应用联系起来，顺便试试这个库。 事先说明父应用umi版本为2.9.0，子应用umi版本为2.10.0。 具体操作 ...

在项目目录下创建public,该目录下的文件会打包到根目录下,如在public创建了一个index.js文件,在引入的时候可以使用/index.js进行引入。 public目录 https://um ...

model 分两类，一是全局 model，二是页面 model。全局 model 存于 /src/models/ 目录，所有页面都可引用；页面 model 不能被其他页面所引用。 规则如下： ...