huijiewei / agile-react

React + TypeScript + Chakra UI + Webpack 5 Boilerplate

React + TypeScript + React-Router + Chakra UI + Webpack 5

项目目前正在开发，变动可能会很大，暂时只供研究学习参考

特点

1. 基于 Webpack 5

2. 保证最佳实践

3. 尽力最新技术

4. 使用配置文件分割项目入口

在线演示

https://agile.huijiewei.com/admin-react 账号：13098761234 密码：123456

教程

安装

npm install

配置

配置文件

可以根据 package.json 文件 scripts 内命令行 APP_CONFIG 参数使用不同配置文件

运行本地开发

修改 config 目录内 *.config.js 文件内相关参数

npm run admin-dev

构建生产版本

npm run admin-build

生产版本本地试运行

npm run admin-serve

关键目录说明

├── config // 配置文件
├── dist   // 生成的生产环境文件
├── public // 资源目录
├── src    // 源代码目录
│   ├── shared // 共享模块
│   └── app    // 应用目录
│      └── admin   // 管理后台
│      └── mobile  // 移动端

后端配合

Agile Spring Boot

https://github.com/huijiewei/agile-boot

说明文件版本更新

Version: 2021-05-05 11:35