怎么看react的入口文件？下面本篇文章给大家详细解读一下React项目的基本目录。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

很多小伙伴对react还是感到很懵， 刚下载下来的demo也不符合我们的真是项目开发思路 ，看到一堆乱七八糟的文件， 不知从何下手，有这种感觉就对了 ， 这就需要认真看看下面所讲的知识了。

在编辑器中打开你的项目，我们会看到（如下图）

一 整体的目录架构

1、git 是 git文件夹

2、dist 是打包后文件放置地方

3、src 是源码文件，一般做开发就在这个文件夹。

4、babelrc是babel配置文件

5、webpack.config.js是webpack配置文件

6、server.js 是 express服务器文件

7、editorconfig 是编辑器配置文件，用来同意团队开发的编辑器配置

8、node_modules是各个插件存放位置

二 入口文件

1、网页入口文件放在 dist/index.html

2、react入口文件放在 src/app.js

三 源码文件目录架构

1.actions 存放react action路径

2. common 存放公共文件

3. components 存放 react jsx文件

4. images 存放图片

5. stores 存放 react action具体执行方法

四 其他的文件夹

1.api文件夹存放接口文件

2. style文件存放自定义的样式文件

更多web前端知识，请查阅 HTML中文网 ！！