利用可能なスクリプト
プロジェクトディレクトリで、以下のコマンドを実行できます。
npm start
開発モードでアプリを実行します。ブラウザで表示するには、http://localhost:3000 を開いてください。
編集を行うと、ページがリロードされます。また、コンソールに lint エラーが表示されます。
npm test
対話型ウォッチモードでテストランナーを起動します。詳細については、テストの実行に関するセクションを参照してください。
npm run build
本番環境用にアプリを build
フォルダにビルドします。React を本番モードで正しくバンドルし、最適なパフォーマンスのためにビルドを最適化します。
ビルドは最小化され、ファイル名にはハッシュが含まれます。必要に応じて、プロファイリングの目的でクラス名と関数名を有効にできます。詳細については、本番ビルドのセクションを参照してください。
これでアプリはデプロイする準備ができました!アプリケーションを一般的なホスティングプロバイダーにデプロイする方法の詳細については、デプロイに関するセクションを参照してください。
npm run eject
注意: これは一方通行の操作です。一度 eject
すると、元に戻すことはできません!
ビルドツールや構成の選択に満足できない場合は、いつでも eject
できます。このコマンドは、プロジェクトから単一のビルド依存関係を削除します。
代わりに、すべての構成ファイルと推移的な依存関係 (webpack、Babel、ESLint など) が、package.json
の依存関係としてプロジェクトにコピーされます。技術的には、依存関係と開発依存関係の区別は、静的バンドルを生成するフロントエンドアプリにとっては非常に恣意的です。
さらに、開発依存関係をインストールしない(したがって、サーバー上でプロジェクトをビルドしたり、デプロイ直前にテストしたりできない)一部のホスティングプラットフォームで問題を引き起こしていました。必要に応じて、package.json
の依存関係を自由に再配置できます。
eject
を除くすべてのコマンドは引き続き機能しますが、コピーされたスクリプトを指すため、それらを調整できます。この時点で、あなたは自分の力でやる必要があります。
eject
を使用する必要はまったくありません。キュレーションされた機能セットは、小規模から中規模のデプロイに適しており、この機能を使用する義務は感じないはずです。ただし、準備ができたらカスタマイズできない場合、このツールは役に立たないことも理解しています。