JerryMissTom / ant-design-lite

react-router, react-redux, redux-saga实现的多Tab页面瘦身版Ant Design Pro

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

前言

本项目是瘦身版的Ant Design Pro,主要的功能特点如下:

  1. 支持多Tab页面(这个是Ant Design Pro 不具备的)
  2. 技术栈为:react-router + react-redux + redux-saga
  3. 支持 .scsscssmodule
  4. 支持自定义 Ant Design 主题
  5. 支持装饰器
  6. 支持中英文语言切换
  7. 支持 proxy
  8. 支持别名@
  9. 支持页面权限和子元素权限
  10. 按需加载Ant Design组件
  11. 支持多开发环境

截图如下:

过程讲解

讲解的内容都在issue中,预计的过程讲解如下:

  1. 开启 CSSModule
  2. 按需加载 Ant Design 并自定义主题
  3. 设置别名 @
  4. 开启装饰器支持
  5. 设置 proxy
  6. 设置多开发环境
  7. 设置页面权限

Usage

  1. clone 项目到本地
  2. npm install
  3. npm run start

About

react-router, react-redux, redux-saga实现的多Tab页面瘦身版Ant Design Pro


Languages

Language:JavaScript 95.6%Language:CSS 2.9%Language:HTML 1.6%