散文網(wǎng) » 生活 »日常 » UmiJS基礎(chǔ)教程（1）- 創(chuàng)建項(xiàng)目

UmiJS基礎(chǔ)教程（1）- 創(chuàng)建項(xiàng)目

2020-04-26 13:03 作者:一枚猿 0人讀過 | 我要投稿

Umi 是什么

Umi，中文可發(fā)音為烏米，是可擴(kuò)展的企業(yè)級(jí)前端應(yīng)用框架。Umi 以路由為基礎(chǔ)的，同時(shí)支持配置式路由和約定式路由，保證路由的功能完備，并以此進(jìn)行功能擴(kuò)展。然后配以生命周期完善的插件體系，覆蓋從源碼到構(gòu)建產(chǎn)物的每個(gè)生命周期，支持各種功能擴(kuò)展和業(yè)務(wù)需求。

Umi 是螞蟻金服的底層前端框架，已直接或間接地服務(wù)了 3000+ 應(yīng)用，包括 java、node、H5 無線、離線（Hybrid）應(yīng)用、純前端 assets 應(yīng)用、CMS 應(yīng)用等。他已經(jīng)很好地服務(wù)了我們的內(nèi)部用戶，同時(shí)希望他也能服務(wù)好外部用戶。

Umijs的功能

1、可擴(kuò)展，Umi 實(shí)現(xiàn)了完整的生命周期，并使其插件化，Umi 內(nèi)部功能也全由插件完成。此外還支持插件和插件集，以滿足功能和垂直域的分層需求。

2、開箱即用，Umi 內(nèi)置了路由、構(gòu)建、部署、測(cè)試等，僅需一個(gè)依賴即可上手開發(fā)。并且還提供針對(duì) React 的集成插件集，內(nèi)涵豐富的功能，可滿足日常 80% 的開發(fā)需求。

3、企業(yè)級(jí)，經(jīng)螞蟻內(nèi)部 3000+ 項(xiàng)目以及阿里、優(yōu)酷、網(wǎng)易、飛豬、口碑等公司項(xiàng)目的驗(yàn)證，值得信賴。

4、大量自研，包含微前端、組件打包、文檔工具、請(qǐng)求庫(kù)、hooks 庫(kù)、數(shù)據(jù)流等，滿足日常項(xiàng)目的周邊需求。

5、完備路由，同時(shí)支持配置式路由和約定式路由，同時(shí)保持功能的完備性，比如動(dòng)態(tài)路由、嵌套路由、權(quán)限路由等等。

6、面向未來，在滿足需求的同時(shí)，我們也不會(huì)停止對(duì)新技術(shù)的探索。比如 dll 提速、modern mode、webpack@5、自動(dòng)化 external、bundler less 等等。

Umijs的局限性

1、需要支持 IE 8 或更低版本的瀏覽器。

2、需要支持 React 16.8.0 以下的 React。

3、需要跑在 Node 10 以下的環(huán)境中。

4、有很強(qiáng)的 webpack 自定義需求和主觀意愿。