umi学习笔记

思考中，umi读完这篇和文档知道个7788了，但是---dva又是什么，ant design pro 又是啥，项目里都用了--再理理

文档学习，很多配置，多读读 总能用上的配置

0.umi是个啥

   乌米。前端框架（和react啥关系）。以路由为基础，以此进行功能扩展。优点就是路由。因为creat-reat-app是基于webpack打包的，但是不包含路由，不是框架，不能配置。想要基于他修改部分配置会比较困难。

1.umi打包后的结果

打包在文件dist中，默认只有 umi.js  ,  index.html, umi.css

但是在配置了hash为true后，将会是

2.umi的路由

 路由基于 react-router@5 实现，配置和 react-router 基本一致

umi路由文档详见路由

在umi中，应用都是单页面，页面地址的跳转都是有浏览器端完成，不会重新请求服务器端获取html,html只在应用的初始化时加载一次。所有页面由不同的组件构成，页面的切换只是组件的切换，只需要在配置中 将路由 和 组件对上即可。

配置文件通过routers 进行配置，格式是数组形式，

知识点2.1  routes为子路由

知识点2.2 路由跳转

import router from 'umi/router';

router.push('/aa')

知识点2.3 约定式路由

如果没有配置路由文件，那么他的路由将会进入约定式路由模式