发布 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 录制,可以在 bilibiliyoutube 看到。

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,区块》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

逆袭大学

逆袭大学

贺利坚 / 人民邮电出版社 / 2014-3 / 49.00

《逆袭大学——传给IT学子的正能量》以作者近二十年的从教经历和义务为IT学子解答咨询的工作为基础,以认识专业为起点,以编程能力的提高为关键,帮助计算机类专业的大学生更新学习观念、重塑学习品质、培养学习方法,找到自己的大学之路。书中直接解答了学无用处论、专业兴趣、考研、职场等诸多大学生面临的典型困惑。 本书主要面向在校计算机类(包括软件工程、网络工程等)专业高校学生,也能让非计算机类专业的高校......一起来看看 《逆袭大学》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具