功能
- 📦 開箱即用,內建支援 react、react-router、jest、webpack、rollup 等。
- 🏈 類似 Next.js 且功能完整的路由慣例,也支援配置路由
- 🎉 插件系統,涵蓋從原始碼到生產環境的每個生命週期
- 🚀 高效能,包括 PWA 支援、路由級別程式碼分割等。
- 💈 支援靜態導出,適用於沒有伺服器的環境
- 🚄 快速開發啟動,包括透過設定支援 dll 等。
- 🐠 Polyfill 解決方案,使用 targets 設定新增 JS 和 CSS polyfill,最低支援 IE9
- 🍁 支援 TypeScript,包括 d.ts 定義和
umi test
- 🌴 與 dva 深度整合,包括 duck 目錄支援、自動載入模型、程式碼分割等
- ⛄️ 支援 MPA,基於 umi-plugin-mpa
安裝
安裝工具
$ yarn global add umi # OR npm install -g umi
建置
建立頁面
$ mkdir myapp && cd myapp
$ umi generate page index
執行
啟動開發伺服器
$ umi dev
建置並部署
$ umi build
範例