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怎么设置字体大小
  • 热门搜索
    steel是什么意思 运动会加油稿跳远 300多分能上什么大学 ss14是什么二极管 走读是什么意思 菊花花语是什么 入党时间从什么时候算起 什么时候不容易怀孕 捡肥皂是什么意思 红虫养殖