資料夾結構

建立後，專案應類似這樣

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