一個基礎(chǔ)的 Umi 項目大致是這樣的，

.
├── package.json
├── .umirc.ts
├── .env
├── dist
├── mock
├── public
└── src
?? ├── .umi
?? ├── layouts/index.tsx
?? ├── pages
?? ? ? ├── index.less
?? ? ? └── index.tsx
?? └── app.ts

下圖是創(chuàng)建項目的的結(jié)構(gòu)：

src 目錄

源代碼目錄。

.umi 目錄

臨時文件目錄，比如入口文件、路由等，都會被臨時生成到這里。不要提交 .umi 目錄到 git 倉庫，他們會在 umi dev 和 umi build 時被刪除并重新生成。

layouts/index.tsx

約定式路由時的全局布局文件。

pages 目錄

所有路由組件存放在這里。

app.ts

運(yùn)行時配置文件，可以在這里擴(kuò)展運(yùn)行時的能力，比如修改路由、修改 render 方法等。

.editorconfig

編輯器配置文件。詳細(xì)資料訪問：https://editorconfig.org/##?

.env

環(huán)境變量。

初始化項目的時候是沒有該文件的需要手動添加。

.gitignore

?提交到git服務(wù)器時忽略的文件配置。

.prettierignore

代碼格式化時忽略的文件配置。

.prettierrc

代碼格式化的規(guī)范配置。

.umirc.ts

umi的配置。

package.json

包含插件和插件集，以 @umijs/preset-、@umijs/plugin-、umi-preset- 和 umi-plugin- 開頭的依賴會被自動注冊為插件或插件集。

.umirc.ts

配置文件，包含 umi 內(nèi)置功能和插件的配置。

dist 目錄

執(zhí)行 npm run build 后，生成的文件默認(rèn)會存放在這里。

public 目錄

此目錄下所有文件會被 copy 到輸出路徑。

視頻課程