浅谈react项目的目录结构

浅谈react项目的目录结构

打开之前我们创建的todolist文件夹 :

浅谈react项目的目录结构

可能你的文件夹跟俺不太一样,因为俺删除了很多不必要的文件。

yarn.lock

项目依赖的安装包的版本号的限制,这个文件一般我们不需要处理。

README.md

项目说明文件,我们可以根据自己项目,写一些关于项目的介绍。

package.json

node的包文件:项目的介绍,项目的依赖(开发依赖、生产依赖),设置脚本指令 。

.gitignore

定义git的忽略文件

node_modules

项目依赖的第三方包,这个文件我们一般也不需要动。

public 文件夹

  • favicon.ico  网站图标
  • index.html   项目首页模板
  • manifest.json 对应PWA的配置文件

src目录

最重要的目录,项目源代码,俺对部分重要的代码做简要说明 :

  • index.js是项目的入口文件
  • App.js是一个React组件
  • App.test.js自动化测试文件
  • registerServiceWorker PWA

最重要的其实就是三个文件:

  • index.html 负责页面显示的html内容
  • index.js   项目入口文件
  • App.js     显示内容组件

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/5199.html

发表评论

登录后才能评论