一步步實現一個後臺管理系統Ant Design Lite

相信不少人都用過Ant Design Pro，經過修改和刪減文件，省卻不少的配置，能夠很快地進入項目的開發。可是從個人使用經驗上，對我來講有以下幾個痛點：

1. 登陸頁太繁雜
2. 權限控制不靈活，特別是頁面子元素級別的控制時
3. 頁面適配，後臺系統PC端的操做邏輯和Mobile端的應該是不一樣的，簡單的適配並不讓功能兩端通用
4. 某些邏輯相互影響，刪減文件須要三思後行

幾個痛點讓我萌發了建立一個瘦身版Ant Design Pro的想法，命名爲Ant Design Lite，只有 Login 和 Home 兩個主頁面，可是麻雀雖小五臟俱全，該有的功能仍是不缺的。 主要的特色以下：

1. 技術棧爲：react-router + react-redux + redux-saga
2. 支持 .scss 和 cssmodule
3. 支持自定義 Ant Design 主題
4. 支持裝飾器
5. 支持中英文語言切換
6. 支持 proxy
7. 支持別名@
8. 支持頁面權限和子元素權限
9. 按需加載Ant Design組件

除此以外，還列出來一步一步實現的關鍵過程，對新手十分友好。在此基礎上開啓新的後臺管理系統項目也是很是容易的。

預計的過程講解以下：

1. 開啓 CSSModule
2. 按需加載 Ant Design 並自定義主題
3. 設置別名 @
4. 開啓裝飾器支持
5. 設置 proxy
6. 設置頁面權限

項目中有些代碼直接從 Ant Design Pro 中拷貝過來，GitHub地址是 Ant Design Lite ，歡迎 fork 和 star。 最後上圖：