多语言展示
当前在线:697今日阅读:168今日分享:49

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

react是现在流行的3大前端开发框架之一,企业用react做项目开发越来越多。本教程介绍react项目基本的目录架构设置。
方法/步骤
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是各个插件存放位置

2

入口文件1.网页入口文件放在 dist/index.html2. react入口文件放在 src/app.js

3

源码文件目录架构1.actions 存放react action路径2. common 存放公共文件3. components 存放 react jsx文件4. images 存放图片5. stores 存放 react action具体执行方法

4

其他的文件夹1.api文件夹存放接口文件2. style文件存放自定义的样式文件

推荐信息