react入口文件_React项目文件结构解析

环境搭建好之后的项目结构(搭建环境方法可参照https://my.oschina.net/korabear/blog/1813164)，利用VScode编辑器打开：

这个是自动创建的初始结构，下面是各个文件的内容和作用。

1.package.json

这个文件是管理下载的依赖包,在项目中经常用到的是"react"库，“react-dom”(将jsx语法渲染到dom中)

在项目中最重要的命令是“start”启动项目，"bulid"的作用就是将项目打包。

2.public文件夹

1).favicon.ico

是浏览器tab上图标，也是这个项目的一个标志，也可以说是代表一个公司的标志。可以替换。

2).index.html

项目的入口文件，引用了第三方类库啊，还可以引入cdn

3.src文件

1).index.js

存放的是这个项目的核心内容，也就是我们的主要工作区域。其中，index.js文件是和index.html进行关联的文件的唯一接口。index.js的内容结构：

import React from 'react';

import ReactDOM from 'react-dom';

import './index.css';

import App from './App';