目录结构

  1. .
  2. ├── dist/                          // 默认的 build 输出目录
  3. ├── mock/                          // mock 文件所在目录，基于 express
  4. ├── config/
  5.     ├── config.js                  // umi 配置，同 .umirc.js，二选一
  6. └── src/                           // 源码目录，可选
  7.     ├── layouts/index.js           // 全局布局
  8.     ├── pages/                     // 页面目录，里面的文件即路由
  9.         ├── .umi/                  // dev 临时目录，需添加到 .gitignore
  10.         ├── .umi-production/       // build 临时目录，会自动删除
  11.         ├── document.ejs           // HTML 模板
  12.         ├── 404.js                 // 404 页面
  13.         ├── page1.js               // 页面 1，任意命名，导出 react 组件
  14.         ├── page1.test.js          // 用例文件，umi test 会匹配所有 .test.js 和 .e2e.js 结尾的文件
  15.         └── page2.js               // 页面 2，任意命名
  16.     ├── global.css                 // 约定的全局样式文件，自动引入，也可以用 global.less
  17.     ├── global.js                  // 可以在这里加入 polyfill
  18.     ├── app.js                     // 运行时配置文件
  19. ├── .umirc.js                      // umi 配置，同 config/config.js，二选一
  20. ├── .env                           // 环境变量
  21. └── package.json

添加配置式路由

添加路由信息到路由表