发布 umi 2.3,区块
栏目: JavaScript · 发布时间: 5年前
内容简介:不知大家是如何使用 ant-design-pro,我们自己有项目的使用方式是整个 clone 下来,然后把不需要的一个个删掉。先不评价这种方式是否合适,我们这里探索一种反着来的使用方式,即先有一个 ant-design-pro 的空壳,然后一个个页面往上加。umi block(区块)类似
English version | 中文版
重要更新
- 新增 umi block 命令和 区块市场
- 升级 babel、webpack 等依赖到最新,并锁定版本, #1695 , #1602 , #1543
- 新增 umi-request 请求库
-
支持在 page 目录下通过
_mock.js
声明 mock,通过 locales 组织多语言,便于把 mock、国际化、model、service、compoent 和路由组织到一起, #1503 , #1513 - 新增 umi inspect 命令,用于检查 webpack 配置等
- 新增 umi config 命令,用于通过命令行修改配置
- 更新 create-umi@0.7,支持创建 ant-design-pro 空壳脚手架,然后通过 umi block 一个个添加页面
umi block
不知大家是如何使用 ant-design-pro,我们自己有项目的使用方式是整个 clone 下来,然后把不需要的一个个删掉。先不评价这种方式是否合适,我们这里探索一种反着来的使用方式,即先有一个 ant-design-pro 的空壳,然后一个个页面往上加。
umi block(区块)类似 ice ,可以让我们在项目里快速添加页面。但与 ice 不同的是,umi 的 block 是一个完整可子运行的模块,包含路由、组件、mock 数据、国际化文本,如果有用 dva,还可以包含 model 和 service 等,所以借此,大家也可以有另一种组织代码的方式。
视频介绍
由 @yutingzhao1991 录制,可以在 bilibili 或 youtube 看到。
5 分钟入门 umi block
先创建项目。
# 创建项目,选 ant-design-pro $ yarn create umi # 安装依赖 $ yarn # 启动项目 $ yarn start
再新开命令行窗口安装区块。
# 列表,看看有哪些区块 $ npx umi block list # 新增区块 $ npx umi block add ant-design-pro/Monitor
其他更新
-
修改
umi/locale
引用为umi-plugin-react/locale
,解决 typescript 和 eslint 的问题, #1716 - 添加 umi-example-monorepo ,支持分包组织代码
- 支持 terserjs 作为 minifier, #1667
- 修复 mock 里 method 为 delete 时 body 丢失的问题, #1706
-
修复
/404
路由配置 redirect 后出错的问题, #1538 - 改进 types 定义, #1519
- cssModulesExcludes 支持正则, #1511
- umi-plugin-react 的 title 配置支持多语言, #1482
- 修复某些网络环境下 undefined network 的问题, #1474
- 修复 umi-test 某些情况下使用 typescript 不正常的问题, #1437
- 支持直接 import from umi, #1493
- locale 添加 formatHTMLMessage 方法, #1664
升级到 umi@2.3
如果你是用 umi@2,umi@2.3 不包含 break change,可直接升级;如果用 umi@1.x ,请参考 https://umijs.org/zh/guide/migration.html 升级。
以上所述就是小编给大家介绍的《发布 umi 2.3,区块》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:- 区块链也得实名制,《区块链信息服务管理规定》发布
- 微软发布Azure云区块链开发工具包
- 区块链安全|长亭科技发布公链漏洞定级标准
- 区块链中间件平台 WeBASE v1.3.1 发布
- 区块链中间件平台 WeBASE v1.4.2 发布
- ppblock v1.1 发布,基于 Java 实现的区块链钱包
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
CSS 压缩/解压工具
在线压缩/解压 CSS 代码
RGB HSV 转换
RGB HSV 互转工具