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

 时间:2026-05-06 07:25:22

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怎么设置字体大小
  • 热门搜索
    馈电是什么意思 驿马是什么意思 whose是什么意思 螃蟹不能和什么一起吃 业态是什么意思 战狼3什么时候上映 肌酐高了会出现什么问题 出汗多是什么原因 在地下城寻求邂逅是否搞错了什么 大学什么时候开学