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怎么设置字体大小
  • 热门搜索
    少先队建队日手抄报 2020年鼠年手抄报 关于绿色环保的手抄报 迎中秋庆国庆手抄报 新年英语手抄报 关于海洋的手抄报 国庆节手抄报简单漂亮 关于夏天的手抄报 普通话手抄报文字内容 地震手抄报简单又漂亮