umi package.json 详解

name
项目名称
version
项目版本
private
设为true这个包将不会发布到NPM平台下
description
包的描述信息
scripts
指定了运行脚本命令的npm命令行缩写,比如start指定了运行npm run start时,所要执行的命令。
husky lint-staged

	"husky": {
	    "hooks": {
	      "pre-commit": "lint-staged"
	    }
	  },
	  "lint-staged": {
	    "src/**/*.{js,jsx}": [
	      "eslint --fix",
	      "git add"
	    ]
	  },

这样配置会自动检查 src 下的所有 js 和 jsx 文件的格式并自动修复,然后自动提交。
browserslist在这里插入图片描述
配置浏览器的兼容版本
根据提供的目标浏览器的环境来,智能添加css前缀,js的polyfill垫片,来兼容旧版本浏览器,而不是一股脑的添加。避免不必要的兼容代码,以提高代码的编译质量。
dependencies
指定了项目运行所依赖的模块
devDependencies
指定项目开发所需要的模块
optionalDependencies
可选依赖,如果有一些依赖包即使安装失败,项目仍然能够运行或者希望npm继续运行,就可以使用optionalDependencies。另外optionalDependencies会覆盖dependencies中的同名依赖包,所以不要在两个地方都写。
engines
指明了该项目所需要的node.js版本
checkFiles
有一些配置文件只能在本地修改,不能够提交到代码库当中,check-files 可以在 pre-commit hook 中检查是否有这类文件被修改,需要结合 pre-commit 模块使用,配置方式:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
根据引用和引用的内容,可以了解到在umi 4.x版本中,可以使用useEffect钩子来在每次显示modal(模态框)时手动设置表单的初始值。在使用useEffect钩子时,可以使用form.setFieldsValue方法来设置表单的初始值,例如: ```javascript import { useEffect } from 'react'; import { useForm } from 'antd'; const MyComponent = ({ visible, userInfo }) => { const [form = useForm(); useEffect(() => { if (visible) { form.setFieldsValue({ status: "1", isAdmin: "0", ...userInfo }); } }, [visible, userInfo]); // 其他代码 return ( // 组件的JSX代码 ); }; ``` 根据引用的内容,umi 4.x版本中还进行了一些语法调整,比如替换了一些引入的依赖库和修改了一些API的使用方式。具体来说,针对状态管理的部分,可以使用useDispatch和useSelector来进行数据状态管理。而针对表单的部分,可以使用Form.useForm()来替代之前的Form.create()方法,以支持antd 4.x的使用。 综上所述,在umi 4.x版本中,可以使用useEffect钩子来处理modal的显示和表单的初始化,使用useDispatch和useSelector进行数据状态管理,并使用Form.useForm()来创建表单。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Umi2.x升级到Umi3.x](https://blog.csdn.net/u012125121/article/details/106567400)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值