发布 umi 2.3，区块

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 升级。