https://github.com/chenycl/react-pro

react16.9后台模版，基于create-react-app，路由表配置+权限，react hooks +redux语法，支持sass和hack css
https://github.com/chenycl/react-pro

antd classnames hooks mock postcss react react-redux react-router-dom sass

Last synced: 3 days ago
JSON representation

react16.9后台模版，基于create-react-app，路由表配置+权限，react hooks +redux语法，支持sass和hack css

• Host: GitHub
• URL: https://github.com/chenycl/react-pro
• Owner: ChenYCL
• Created: 2019-09-02T10:41:59.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T08:44:43.000Z (almost 2 years ago)
• Last Synced: 2023-02-26T12:56:40.758Z (over 1 year ago)
• Topics: antd, classnames, hooks, mock, postcss, react, react-redux, react-router-dom, sass
• Language: JavaScript
• Homepage:
• Size: 2.9 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 26
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## 支持

---

- [x] sass 支持

- [x] redux

- [x] 登陆

- [ ] 注册

- [x] 路由表配置

- [x] dllPlugin 拆分第三方

- [x] compress 引入打包输出 gzip

- [x] 依赖分析工具，可视化添加

- [x] 打包进度添加

## 依赖

---

- classnames

- react-router-dom

- hooks 相关 react-redux

- redux-thunk thunk

- axios

- @tanem/react-nprogress

### mock

- mocker-api

- express

## UI

---

1.antd 引入并按需加载

安装依赖 yarn add babel-plugin-import --save-dev， package.json

    "babel": {

    "presets": [

    "react-app"

    ],

    "plugins": [

    [

    "import",

    {

    "libraryName": "antd",

    "style": "css"

    }

    ]

    ]

    }

2.布局添加

3.postcss autoprefix 支持

## mock

---

    yarn run mock

## 指令

    yarn dll 第三方依赖抽取

    yarn prod:build 生产环境打包

    yarn dev:build 开发环境打包

    yarn start 开发环境模拟启动

    yarn lint 检查代码错误

    yarn fix 尝试修复

    yarn prettier 自动格式化代码

## 代码约束

---

- eslint+prettier

- 增加 commit 提交前约束

- 格式化

## 文件结构

---

waiting

## 部署

---

docker