umi 是一個企業級 react 應用框架，也是螞蟻金服的底層前端框架 《螞蟻金服的前端框架和工程化實踐》 一、安裝腳手架 在創建項目之前，需要保證有 node 8.10 以上的環境 可以使用官方腳手架 create-umi 快速創建項目 首先創建一個新目錄 ...

目錄 1）、簡介 2）、安裝 2.1）、安裝 nodejs 2.2）、安裝 yarn 2.3）、安裝 umi 3）、使用 umi 3.1）、創建項目 3.2）、初始化 ...

今天在學習umi，他的路由機制非常的方便，但是在學到配置式路由的時候，看官方文檔里面一筆帶過： 對於我這種小萌新來說，有點懵，我需要把配置文件放到哪里呢？經過一番研究，發現它是放在根目錄的.umirc文件里面的 但是對於我這種強迫症患者來說，放到這里面很不舒服，我就把我配置的路由抽出來 ...

在《Umi 小白紀實（一）》中有提到過簡單的路由配置和使用，但這只是冰山一角 借用一句廣告詞，Umi 路由的能量，超乎你的想象 一、基本用法 Umi 的路由根結點是全局 layout src/layouts/index.js 路由會將相應的頁面組件映射 ...

Umi 通常會搭配 Dva 使用，用於管理頁面狀態和邏輯 一、注冊 model 首先需要在 .umirc.js 中啟用 dva 插件 dva 通過 model 的概念把一個模型管理起來，相當於其他狀態管理工具中的 store，通常由以下組成 在 umi ...

在umi中可以直接使用css，但是並不支持scss，我們需要加兩個loader， 直接npm安裝 node-sass和sass-loader 即可，剩余的事情umi已經幫我們做好了。 在src/assets下新建文件夾 - assets + - img ...

對於前端團隊來說，公共組件庫是必須的，緊接着就是完善組件庫的文檔 社區里關於快速生成文檔的工具有很多，如 StoryBook、Docz、Gatsby 在調研了幾種文檔工具之后，最終我選擇了 umi 家族的另一個成員：dumi 因為它集成了 docz，以及打包工具 father-build ...

這兩天研究了下qiankun這個微前端實現，正好寫了兩個項目用的是umi且是父子應用關系，之前的方式是在主應用添加iframe將子應用引進來，現在想通過改造成qiankun來將兩個應用聯系起來，順便試試這個庫。 事先說明父應用umi版本為2.9.0，子應用umi版本為2.10.0。 具體操作 ...

在項目目錄下創建public,該目錄下的文件會打包到根目錄下,如在public創建了一個index.js文件,在引入的時候可以使用/index.js進行引入。 public目錄 https://um ...

model 分兩類，一是全局 model，二是頁面 model。全局 model 存於 /src/models/ 目錄，所有頁面都可引用；頁面 model 不能被其他頁面所引用。 規則如下： ...