怎么看react的入口文件?

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

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

在编辑器中打开你的项目,我们会看到(如下图)

1.webp.jpg

一 整体的目录架构

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.webp.jpg

二 入口文件

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

3.webp.jpg

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

4.webp.jpg

三 源码文件目录架构

1.actions 存放react action路径

6.webp.jpg

2. common 存放公共文件

7.webp.jpg

3. components 存放 react jsx文件

5.webp.jpg

4. images 存放图片

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

四 其他的文件夹

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

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

8.webp.jpg

9.webp.jpg

10.webp.jpg

更多web前端知识,请查阅 HTML中文网 !!

以上就是怎么看react的入口文件?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » React 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏