react之项目目录

最新推荐文章于 2025-06-14 14:26:50 发布

转载最新推荐文章于 2025-06-14 14:26:50 发布 · 102 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/celine-huang/p/10844271.html

本文详细解析了一个典型项目的文件和目录结构，包括源代码、配置、依赖和脚本等关键部分，为理解和维护项目提供了清晰的指南。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

├── node-moduls          ----------------------各种依赖模块
│   ├── favicon.ico  
│   └── manifest.json 
├── config            ------------------webpack配置
│   ├── env.js       
│   ├── jest          
│   │   ├── cssTransform.js
│   │   └── fileTransform.js
│   ├── paths.js
│   ├── webpack.config.dev.js
│   └── webpackDevServer.config.js
├── package-lock.json
├── package.json    --------------------项目package.json
├── public          --------------------出口
│   └── index.html
├── scripts        ---------------------运行的脚本
│   ├── build.js
│   ├── start.js
│   └── test.js
├── src           ----------------------源码目录
│   ├── api       ----------------------API目录
│   │   ├── api.js
│   │   └── server.js
│   ├── assets   -----------------------资源目录
│   │   └── images -------------------images目录
│   ├── common  -------------------公共组件
│   │   ├── company 
│   │   ├── company.detail 
│   │   └── activity.js
│   ├── config    ----------------------项目一些配置
│   │   ├── constants.js  --------------????
│   │   └── server.js  --------------------自适应
│   ├── layout       --------------------页面目录
│   │   ├── Footer   --------------------页面底
│   │   ├── Header  ---------------------页面header
│   │   └── Layout  ----------------
│   ├── Pages   
│   │   └── index.js
│   ├── store   ------------------------mobx管理项目状态
│   │   ├── index.js    --------------再次引入其他store
│   │   └── 其他.store
│   └── utils  ------------------------工具方法（公用函数）
│       ├── axios.js 
│       ├── htmlToPdf.js
│       ├── index.js
│       └── validate.js
├── README.md      ----------------------README
└── tree.md  --------------------------项目结构

转载于:https://www.cnblogs.com/celine-huang/p/10844271.html