目录结构

  1. .
  2. ├── dist/ // 默认的 build 输出目录
  3. ├── mock/ // mock 文件所在目录,基于 express
  4. ├── config/
  5. ├── config.js // umi 配置,同 .umirc.js,二选一
  6. └── src/ // 源码目录,可选
  7. ├── layouts/index.js // 全局布局
  8. ├── models/ // 全局dva数据模型管理
  9. ├── services/ // 服务端接口,当不需要走models存储的时候可以从这儿调用
  10. ├── utils/ // 辅助的一些类、方法放这
  11. ├── pages/ // 页面目录,里面的文件即路由
  12. ├── .umi/ // dev 临时目录,需添加到 .gitignore
  13. ├── .umi-production/ // build 临时目录,会自动删除
  14. ├── document.ejs // HTML 模板
  15. ├── 404.js // 404 页面
  16. ├── page1.js // 页面 1,任意命名,导出 react 组件
  17. ├── page1.test.js // 用例文件,umi test 会匹配所有 .test.js 和 .e2e.js 结尾的文件
  18. └── page2.js // 页面 2,任意命名
  19. ├── global.css // 约定的全局样式文件,自动引入,也可以用 global.less
  20. ├── global.js // 可以在这里加入 polyfill
  21. ├── .umirc.js // umi 配置,同 config/config.js,二选一
  22. ├── .env // 环境变量
  23. └── package.json

参考阅读