React- 目录规范-前端

103 阅读1分钟

1 目录规范

1. 目录规范

以React + TypeScript项目(推荐)为例,JavaScript项目同理

  ├── docs/                                 项目的说明文档
  ├── mock/                                 本地模拟数据
  ├── config/                               配置文件
  ├── public/                               静态资源目录
  │   └── index.html                        首页入口文件
  ├── server/                               与服务端渲染相关
  ├── src/                                  源码
  │   ├── api/                              接口调用方法
  │   ├── assets/                           资源文件
  │   ├── components/                       公共组件
  │   ├── context/                          全局状态
  │   ├── hooks/                            公共hooks
  │   ├── layouts/                          页面布局组件
  │   ├── router/                           路由配置
  │   ├── service/                          公共服务和方法
  │   ├── types/                            TS全局类型定义
  │   ├── views/                            页面
  │   ├── App.tsx                           app组件(项目初始化逻辑)
  │   ├── index.css                         全局样式
  │   └── index.tsx                         项目入口组件(全局配置)
  ├── babel.config.js                       babel配置文件
  ├── postcss.config.js                     样式预处理配置文件
      ...
  └── package.json                          package.json