约定式开发，按照约定好的方式开发，就能达到某种效果，中间的过程由框架帮我们完成
好处：统一团队的代码风格
缺点：灵活性配置低

  • 官方插件、插件集和最佳实践
  • 更智能（CSS Modules 的自动识别、约定式路由的改进等）
  • Import “所有” from Umi。通过插件扩展 import from umi 的能力

  • node_modules 走 babel 编译

  • 建一个 locales 目录，就拥有了国际化

  • 建一个 models 目录，就拥有了数据流
  • 建一个 mock 目录，就拥有了数据 mock
  • 建一个 access.ts 文件，就拥有了权限策略

整合了
Dva
AntDesign
react
react-router
dva 数据流的深入融合，支持duck directory、model的自动加载、code splitting

umijs细节

  1. 不要提交 .umi 目录到 git 仓库，这些是临时文件，它们会在 umi dev 和 umi build 时被删除并重新生成
  2. 最重要的文件是.umirc.ts配置文件

路由规范

  • 以.或_开头的文件或目录
  • 以d.ts结尾的类型定义文件
  • 以test.ts、spec.ts、e2e.ts结尾的测试文件（适用于.js、.jsx和.tsx文件）
  • components和component目录
  • utils和util目录
  • 不是.js、.jsx、.ts或.tsx文件
  • 文件内容不包含 JSX 元素

动态路由

src/pages/users/[id].tsx 生成的对应path /users/:id