umijs学习笔记

1,查看umi generate都有哪些命令

umi help generate
type为page或layout
umi g page index
umi g page layout

–less生成的为less的css文件
umijs学习笔记_第1张图片

umi help

umijs学习笔记_第2张图片
2,umijs的源码
router.js
umijs学习笔记_第3张图片
link.js就是引入的react-router-dom库
umijs学习笔记_第4张图片
3,umijs项目生成工具:create-umi
dva-cli现在已经关闭,官方推荐使用create-umi把dva和umijs结合在一起使用
github地址: https://github.com/umijs/create-umi
可以生成很多种
umijs学习笔记_第5张图片
create-umi-project: https://umijs.org/guide/create-umi-app.html#create-umi-project
4,dva和umijs结合在一起的一些特性
umijs学习笔记_第6张图片
5,umi-plugin-react
一个官方封装的插件集
https://umijs.org/zh/plugin/umi-plugin-react.html
包括可以配置下面的多种设置:
umijs学习笔记_第7张图片

  • 开启immer的作用:
    umijs学习笔记_第8张图片
    就可以达到在reducers中可以直接改变state的状态,操作比较方便
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190811144544287.png
    数据加载时的组件配置:
    umijs学习笔记_第9张图片
  • react-intl和 umi-plugin-locale
    umijs学习笔记_第10张图片
    umijs学习笔记_第11张图片

你可能感兴趣的:(react)