文件夹结构

创建后，你的项目应该看起来像这样

my-app/
  README.md
  node_modules/
  package.json
  public/
    index.html
    favicon.ico
  src/
    App.css
    App.js
    App.test.js
    index.css
    index.js
    logo.svg

为了让项目构建，这些文件必须存在且文件名完全一致

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

你可以删除或重命名其他文件。

你可以在 src 内创建子目录。为了更快地重建，只有 src 内的文件会被 webpack 处理。你需要将所有 JS 和 CSS 文件放在 src 内，否则 webpack 不会看到它们。

只有 public 内的文件可以从 public/index.html 中使用。阅读下面的说明，了解如何从 JavaScript 和 HTML 中使用资源。

但是，你可以创建更多顶层目录。它们不会包含在生产构建中，因此你可以将它们用于文档等内容。

如果您已安装 Git 并且您的项目不是较大存储库的一部分，则将初始化一个新的存储库，从而导致一个额外的顶级 .git 目录。