React脚手架文件

文件

node_modules

• 依赖存放的位置。
• 脚手架使用了webpack但是都隐藏起来，我们看不到webpack的配置文件。
• 当然我们可以通过yarn eject查看webpack.config.js，但是如果这样做，以后就再也回不去了

public

其中一般存静态资源的文件

favicon.ico —— 图标

index.html —— 应用的主界面，用于盛装各个组件。这个项目中只有一个.html文件。我们用Vue和React写的页面都叫做SPA（单页面应用）。

• • 用于指定网站的页签图标
• • %PUBLIC_URL%代表public文件夹的路径，也可以用相对路径的方法来写./favicon.ico
    
• • 用于开启理想视口，用于做移动端网页的适配
    
• • 用于配置浏览器页签+地址栏的颜色（只针对安卓收集浏览器，兼容性不太好）
    
• • 描述网站信息
    
• • 用于指定网页添加到手机主屏的图标，仅支持苹果手机
    
• • manifest应用加壳。应用加壳时的配置文件。

• • 若浏览器不支持js则展示标签中的内容
    
• • 组件都往root中放

robots.txt

爬虫规则文件。

src

App.js和App.css

• App.js 定义一个App组件，App.css是它的样式。
• App.js中默认暴露出一个函数式组件。
• React render只能渲染要一个组件。我们渲染一个组件App到root内。之后我们自己写的组件都写在App内。root是index.html中唯一的容器。

App.text.js

给App做测试的文件。

index.css

通用性的样式

index.js

入口文件。
引入react核心库、react-dom，还有index.css
引入App组件。

• • 检查App以及App子组件中写的东西是否合理。
    
• • 用于记录分析页面的性能的。需要进行很多详细的配置。用到了web-vitals库。

logo.svg

logo图片。在App中引入了。

setupTests.js

组件测试。