umijs学习笔记

本文是关于umijs的学习笔记,涵盖了umi的generate命令、源码解析、项目生成工具create-umi的使用,以及dva和umijs的整合特性。特别提到umi-plugin-react,这是一个官方封装的插件集合,支持immer简化状态管理,并提供了数据加载时的组件配置选项。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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

–less生成的为less的css文件
在这里插入图片描述

umi help

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

  • 开启immer的作用:
    在这里插入图片描述
    就可以达到在reducers中可以直接改变state的状态,操作比较方便
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190811144544287.png
    数据加载时的组件配置:
    在这里插入图片描述
  • react-intl和 umi-plugin-locale
    在这里插入图片描述
    在这里插入图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值