Edit

文件夹结构

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

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 目录。