Umi是什么

Umi是可擴(kuò)展的企業(yè)級(jí)前端應(yīng)用框架
以路由為基礎(chǔ)，同時(shí)支持配置式路由和約定式路由，保證路由的功能完備
插件體系生命周期完善，覆蓋從源碼到構(gòu)建產(chǎn)物的每個(gè)生命周期

Umi功能

• 可擴(kuò)展
  Umi實(shí)現(xiàn)完整的生命周期，使其插件化，Umi內(nèi)部功能都由插件完成。支持插件和插件集
• 開箱即用
  Umi內(nèi)置路由、構(gòu)建、部署、測(cè)試等，僅需一個(gè)依賴即可上手開發(fā)
• 企業(yè)級(jí)
  阿里大項(xiàng)目驗(yàn)證
• 大量自研
  微前端、組件打包、文檔工具、請(qǐng)求庫、hooks庫、數(shù)據(jù)流等
• 完備路由
  支持配置式路由和約定式路由
• 面向未來
  還在升級(jí)：dll提速、modern mode、webpack@5、自動(dòng)化external、bundler less等

Umi與create-react-app、nextjs的區(qū)別

create-react-app 是基于 webpack 的打包層方案，包含 build、dev、lint 等，他在打包層把體驗(yàn)做到了極致，但是不包含路由，不是框架，也不支持配置。所以，如果大家想基于他修改部分配置，或者希望在打包層之外也做技術(shù)收斂時(shí)，就會(huì)遇到困難。

Umi 很多功能是參考 next.js 做的。要說有哪些地方不如 Umi，我覺得可能是不夠貼近業(yè)務(wù)，不夠接地氣。比如 antd、dva 的深度整合，比如國(guó)際化、權(quán)限、數(shù)據(jù)流、配置式路由、補(bǔ)丁方案、自動(dòng)化 external 方面等等一線開發(fā)者才會(huì)遇到的問題。

Umi如何工作

技術(shù)收斂

Umi把大家常用的棧集合起來，讓大家只用Umi就能完成80%的日常工作

插件和插件集

Umi支持插件和插件集，通過插件集把插件收斂依賴去支持不同業(yè)務(wù)
插件 -> 插件集 -> 業(yè)務(wù)

配置式路由和約定式路由

配置式功能強(qiáng)大、約定式簡(jiǎn)潔優(yōu)雅

.Umi臨時(shí)文件夾

.umi臨時(shí)文件夾是整個(gè)項(xiàng)目不可少的部分，入口文件、路由等都在這，這些是由umi內(nèi)部插件和第三方插件生成的

core：內(nèi)部插件生成
plugin：外部插件生成
umi.ts：入口文件