文件夹结构

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

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 中创建子目录。 为了更快地重建，webpack 只处理 src 中的文件。 你需要将任何 JS 和 CSS 文件放入 src，否则 webpack 将看不到它们。

public/index.html 只能使用 public 中的文件。 阅读下面的说明，了解如何使用来自 JavaScript 和 HTML 的资源。

但是，你可以创建更多顶级目录。 它们不会包含在生产版本中，因此你可以将它们用于文档之类的东西。

如果你安装了 Git 并且你的项目不是更大存储库的一部分，那么将初始化一个新的存储库，从而产生一个额外的顶级 .git 目录。