react 项目基本的目录架构设置

 时间:2026-02-13 17:08:27

1、整体的目录架构

以下为一个react项目整体的目录架构

1. .git 是 git文件夹

2. dist 是打包后文件放置地方

3. src 是源码文件,一般做开发就在这个文件夹。

4. .babelrc是babel配置文件

5. webpack.config.js是webpack配置文件

6. server.js 是 express服务器文件

7 . .editorconfig 是编辑器配置文件,用来同意团队开发的编辑器配置

8. node_modules是各个插件存放位置

react 项目基本的目录架构设置

2、入口文件

1.网页入口文件放在 dist/index.html

2. react入口文件放在 src/app.js

react 项目基本的目录架构设置

react 项目基本的目录架构设置

3、源码文件目录架构

1.actions 存放react action路径

2. common 存放公共文件

3. components 存放 react jsx文件

4. images 存放图片

5. stores 存放 react action具体执行方法

react 项目基本的目录架构设置

react 项目基本的目录架构设置

react 项目基本的目录架构设置

react 项目基本的目录架构设置

4、其他的文件夹

1.api文件夹存放接口文件

2. style文件存放自定义的样式文件

react 项目基本的目录架构设置

react 项目基本的目录架构设置

react 项目基本的目录架构设置

  • 显示器画面位移
  • Android Studio如何启用实时布局监视器
  • win11如何设置电源为平衡模式
  • 联想ideapad320s怎么设置开机自启软件
  • Git Bash怎么设置字体大小
  • 热门搜索
    感恩节的手抄报图片 自我介绍手抄报图片 手抄报花边简单 手抄报安全伴我行 母爱的手抄报 三年级安全手抄报 小学生讲文明手抄报 健康小常识手抄报 运动会手抄报内容 食品安全的手抄报