1、官網:https://umijs.org/
2、創建出來的項目
yarn create umi
yarn start
3、推薦目錄結構
.
├── config
│ └── config.ts
├── public//靜態資源
├── dist
├── mock
│ └── app.ts|tsx
├── src
│ ├── .umi
│ ├── .umi-production
│ ├── layouts
│ │ ├── BasicLayout.tsx
│ │ ├── index.less
│ ├── models
│ │ ├── global.ts
│ │ └── index.ts
│ ├── pages
│ │ ├── index.less
│ │ └── index.tsx
│ ├── utils // 推薦目錄
│ │ └── index.ts
│ ├── services // 推薦目錄
│ │ └── api.ts
│ ├── app.(ts|tsx)
│ ├── global.ts
│ ├── global.(css|less|sass|scss)
│ ├── overrides.(css|less|sass|scss)
│ ├── favicon.(ico|gif|png|jpg|jpeg|svg|avif|webp)
│ └── loading.(tsx|jsx)
├── node_modules
│ └── .cache
│ ├── bundler-webpack
│ ├── mfsu
│ └── mfsu-deps
├── .env //環境變量
├── plugin.ts
├── .umirc.ts // 與 config/config 文件 2 選一 ,對webpack進行配置
├── package.json
├── tsconfig.json
└── typings.d.ts
4、config/config.ts
直接把.umirc.ts復制過來的,route中的組件都不需要寫導入,非運行時配置(webpack配置)。