项目结构规范
介绍：项目结构规范
React项目结构规范
|– src 只能修改src目录下的文件
|– assets 图片、字体等资源文件
|– favicon.ico 站点头像
|– logo.png 站点logo
|– common 各个页面间共用的文件
|– components 公共组件
|– constants 常量
|– contexts 全局contexts
|– hooks hooks
|– layout 页面布局相关的文件
|– utils 工具函数
|– config 配置相关
|– appConfig.js app的配置
|– config.js mock的配置
|– routes.jsx app的路由
|– mock mock数据
|– data mock数据模块
|– config.js mock的配置
|– server.js mock server
|– pages 页面文件
|– Home 首页
|– index.jsx 页面入口
|– s.module.scss css module
|– 403 403 forbidden 页面
|– 404 404 not found 页面
|– …
|– index.css 全局css文件
|– index.js app入口
- 只能改动src目录内的文件，src目录以外的文件严禁修改。
- pages目录结构尽量与页面菜单结构保持一致。
- 页面自己的components、constants、contexts、hooks、utils等就近放在自己的文件夹内。
- 组件名称采用大驼峰命名（首字母大写）。
- 采用css module的方案来做样式隔离，采用sass语法，scss格式，命名为s.module.scss。