umi&dva搭建react项目

1.create umi

根据命令提示选择配置选择
本项目依次选择 app dva antd

2.改造项目

  根目录下
    将.umirc.js  改造成config文件下的 config.js
    (将其中的路由抽离出来, 命名config.routes.js)
    添加文件tsconfig.json 并添加以下内容 (主要作用为编译时的选项)
      {
        "compilerOptions": {
          "outDir": "build/dist",
          "target": "es2016",
          "baseUrl": ".",
          "jsx": "react",
          "allowJs": true,
          "experimentalDecorators": true,
          "paths": {
            "@/*": ["./src/*"]
          }
        },
        "include": ["./src"],
        "exclude": [
          "node_modules",
          "dist"
        ]
      }
  src目录下
    添加services 文件夹 => 用于存放 接口的api
    添加utils文件夹 => 用于存放工具类

3.文件目录如下