フォルダ構造

作成後は、プロジェクトは次のようになります。

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内のファイルのみです。webpackが認識できるように、すべてのJSおよびCSSファイルをsrc内に配置する必要があります

public内のファイルのみがpublic/index.htmlから使用できます。JavaScriptとHTMLからアセットを使用するための以下の指示を読んでください。

ただし、より多くのトップレベルのディレクトリを作成できます。それらは本番環境には含まれないため、ドキュメントなどのために使用できます。

Gitがインストールされており、プロジェクトがより大きなリポジトリの一部ではない場合、新しいリポジトリが初期化され、追加のトップレベルの.gitディレクトリが作成されます。