Skip to main content

工程结构说明

📁 my-app                                             // 根目录
├─ 📁 public // 公共静态资源目录
│ │─ 📁 assets // 公共图片静态资源
│ │ └─ DXSuite.png // 图片资源
│ ├─ favicon.ico // 网站图标
│ └─ index.html // 首页
├─ 📁 src // 开发目录
│ ├─ 📁 components // 公共组件
│ ├─ 📁 pages // 业务模块目录
│ │ ├─ 📁 ***
│ │ │ ├─ ***-optional-columns.tsx // 列表表头配置
│ │ │ ├─ ***.page.tsx // 列表页面
│ │ │ ├─ ***.page.less // 列表页面样式
│ │ │ ├─ ***-add.page.tsx // 新增页面
│ │ │ ├─ ***-add.page.less // 新增页面样式
│ │ │ ├─ ***-edit.page.tsx // 编辑页面
│ │ │ └─ ***-edit.page.less // 编辑页面样式
│ │ └─ ...
│ ├─ 📁 router // 路由定义目录
│ ├─ 📁 services // api目录
│ │ ├─ 📁 models // 数据模型定义
│ │ ├─ 📁 http // http 目录
│ │ │ ├─ http.tsx // http 封装
│ │ │ └─ http-interceptor.tsx // http 拦截器
│ │ ├─ ***.services.ts // 业务api文件
│ │ └─ ...
│ ├─ 📁 store // 状态管理目录
│ │ ├─ 📁 actions // action目录
│ │ ├─ 📁 reducers // reducers目录
│ │ ├─ 📁 selectors // selectors目录
│ │ ├─ state.tsx // 状态管理配置
│ │ └─ index.ts
│ ├─ 📁 styles // 通用样式文件目录
│ │ └─ variables.less // less 变量文件
│ ├─ 📁 utils // 第三方工具
│ ├─ index.less // index 样式文件
│ ├─ index.tsx // index 文件
│ └─ react-app-env.d.ts // typescript 声明文件
├─ .craco.config.js // craco 配置文件,用于扩展默认 webpack
├─ .package.json // package 配置文件
├─ README.md
├─ tsconfig.json // typescript 配置文件
├─ yarn.lock
├─ .gitignore
└─ ...