基于react的前端项目结构

时间:2025-01-20 12:28:03
build                   // 编译目录
config                  // webpack配置
public                  // 公共文件 可以放一些第三方字体 样式库等
scripts                 // 启动脚本
src
  |-- asset             // 静态资源
  |-- components        // 公共组件目录 当业务需要拆分组件的时候,可以在对应的业务文件夹下单独创建一个components文件夹
  |-- models            // 公共model存放位置
    |--         // model 入口文件,所有的业务model都需要在这里登记才可以使用
  |-- pages             // 容器组件
    |-- demo            // 业务容器
      |--   // 业务入口 我们约定入口文件后都带一个“Page”字样
      |--  // 业务样式
      |--   // 业务Model 如果当前业务需要拆分成多个业务可以创建一个models文件夹在统一存放
      |--     // 业务api 如果当前业务需要拆分成多个业务可以创建一个services文件夹在统一存放
  |-- services          // 公共api存放
  |-- utils             // 工具
  |--        // 样式变量 方法
  |--           // 入口文件
  |--         // 全局样式 覆盖样式
  |--          // 基础路由
.eslintignore          // eslint过滤文件清单
.            // eslint配置
.gitignore