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怎么设置字体大小
  • 热门搜索
    香港旅游地图 海南三亚旅游景点 旅游信息化 长海县旅游 9月份适合去哪里旅游 莫斯科-北京旅游列车 避暑山庄旅游 湖南旅游监管网 重庆旅游团 萍乡旅游