Need help with react-admin?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

sxfad
478 Stars 139 Forks 707 Commits 1 Opened issues

Description

基于 Ant Design React 的管理系统架构

Services available

!
?

Need anything else?

Contributors list

React Admin

基于React17.xAnt Design4.x的管理系统架构。

安装依赖

  • node v12.14.0
  • yarn 1.22.10
yarn

注:如果由于网络等原因安装不成功,可以尝试

tyarn
cnpm
npm
yarn --registry https://registry.npm.taobao.org

设置环境变量,windows平台可以使用 cross-env

开发启动

如果您是第一次使用,想快速预览效果,可以是用mock方式启动:

REACT_APP_MOCK=true yarn start
# 正常启动开发模式
yarn start 

自定义端口

PORT=3001 yarn start

HTTPS 方式启动

HTTPS=true yarn start

开启本地mock

REACT_APP_MOCK=true yarn start

开发代理 & 测试代理

修改

src/setupProxyConfig.json
,页面右上角头部有下拉,可以快速切换代理。
[
    {
        "name": "张三",
        "disabled": false,
        "baseUrl": "/zhangsan",
        "target": "http://127.0.0.1:8080"
    },
    {
        "name": "测试环境",
        "baseUrl": "/api",
        "target": "http://127.0.0.1:8080"
    }
]

生产构建

# 正常构建
yarn build

构建到指定目录

BUILD_PATH=./dist yarn build

指定配置环境

REACT_APP_CONFIG_ENV=test yarn build

打包大小分析

yarn build:analyzer

打包时间分析

yarn build:time

样式

  • 支持less及css
  • src下less进行css module处理,css不进行css module处理
  • css module 应用样式写法 ```jsx import styles from './style.module.less';

    
    
  • 项目中添加了classnames扩展,可以直接按照classnames方式在className中编写样式; ```jsx import styles from './style.module.less';

    const isActive = true;
    
    

    
    
  • 主题变量修改 theme.less antd 样式变量

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.