项目结构规范,不要教条主义,项目没有标准答案,适合自己的项目方案才是最优解!
学会看文档,好的文档中有大部分知识点。
把项目文档化,产出《项目结构规范文档》
项目规范 https://github.com/elsewhencode/project-guidelines/blob/master/README-zh.md

针对 src/目录下的文件夹说明:

  1. layouts/: 存放布局级别的组件
  2. views/: 存放页面级别的组件
  3. components/: 存放业务级别的 UI 组件
  4. hocs/: 存放业务级别的逻辑组件(看情况可与 components/ 合并,但建议分开)
  5. app/: 存放应用级别的配置信息,如菜单、路由等,以及应用初始化的相关代码,如初始化 redux store 等
  6. utils/: 存放通用的功能性函数,如数据聚合、处理等
  7. styles/: 存放全局的 CSS 样式、变量、mixins 等
  8. assets/: 存放静态资源,如图标、图片等
  9. i18n/: 存放应用国际化需要的多语言文件

自己封装脚手架时,制定一个规范的目录,约定大于配置;
后续都以这个目录为标准达成一个共识。

CMMI3项目文档

CMMI3 项目文档

  1. 明确规定了需求开发、设计、编码、测试、集成等软件开发各过程的要求
  2. 对项目管理提出了更高的要求,要利用组织级的数据来管理项目
  3. 有专门针对组织级的PA,要求有专门的组织来负责过程改进的工作
  4. 提供了一个做出最佳决策的指导,而这个方法可以用于软件工程,也可以用于组织级过程改进

react项目规范参考

React 的项目文件结构 https://react.docschina.org/docs/faq-structure.html