create-react-app 项目的结构

默认结构

创建后，您的项目应如下所示：

└─my-app
    │  .gitignore
    │  package.json
    │  README.md
    │  yarn.lock
    │
    ├─node_modules
    ├─public
    │      favicon.ico
    │      index.html
    │      logo192.png
    │      logo512.png
    │      manifest.json
    │      robots.txt
    │
    └─src
            App.css
            App.js
            App.test.js
            index.css
            index.js
            logo.svg
            serviceWorker.js
            setupTests.js

注意：我执行这条命令的时间是 2020 年 3 月 24 日，你执行的时候，可能版本有更新，这里仅供参考

自定义修改

为了构建项目，这些文件必须使用正确的文件名存在：

• public/index.html 是页面模板；
• src/index.js 是 JavaScript 的入口点。

除了这以外，您可以删除或重命名其他文件。

资源要在 src 下

您可以在中创建子目录src。

为了加快重建速度，webpack 只处理 src 其中的文件。

您需要在 src 中放入 JS 和 CSS 文件 ，否则 webpack 将会找不到。

public 从中只能使用其中的文件 public/index.html。

src以外的文件夹

但是，您可以创建更多顶级目录，用于文档之类的事情。

它们不会打包到生产版本中。

如果您安装了 Git，并且您的项目不属于较大的存储库，则将初始化一个新的存储库，

从而产生一个附加的顶层 .git 目录。