React Admin

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

• 在线预览
• 查看文档
• 组件库ra-lib文档

安装依赖

• 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 样式变量