[解決済み] create-react-app使用時にカスタムビルド出力フォルダを使用する。

質問

Facebookでは create-react-app コマンド を実行してreactアプリをビルドします。を実行すると npm run build を実行すると、出力は /build フォルダーに出力されます。

npm実行ビルド

本番用のアプリをビルドフォルダにビルドします。これは 本番モードでReactを正しくバンドルし、最高のパフォーマンスのためにビルドを最適化します。 パフォーマンスを最適化します。

ビルドはminifyされ、ファイル名にはハッシュが含まれます。あなたのアプリ をデプロイする準備が整いました!

の代わりにカスタムフォルダを使用するにはどうすればよいですか？ /build を使うことができますか？ありがとうございます。

どのように解決するのですか？

編集: 設定可能な BUILD_PATH のサポートがv4.0.2に追加されました。参照 t_dom93 の回答 .

現在の設定オプションでは、ビルド出力フォルダ名を変更することはできません。

さらに、そうすべきでもありません。これは の背後にある哲学です。 create-react-app : 彼らは言う コンフィギュレーションよりコンベンション .

どうしてもフォルダの名前を変更する必要がある場合、2つの選択肢がありますね。

1. ビルド プロセスが終了した直後。 ビルドフォルダの内容を他の好きなフォルダにコピーするコマンドを書きます。 . 例えば を試してみてください。 copyfiles npm パッケージ などを試してみてください。

2. を試してみてはいかがでしょうか？ eject create-react-app を実行して、設定をいじってみてください。

ビルドツールや設定の選択に満足できない場合は、いつでもイジェクトすることができます。このコマンドは、プロジェクトから単一のビルド依存関係を削除します。

代わりに、すべての設定ファイルと依存関係（Webpack、Babel、ESLintなど）をプロジェクトにコピーするので、それらを完全に制御することができます。eject を除くすべてのコマンドはまだ動作しますが、コピーされたスクリプトを指すので、それらを微調整することができます。この時点で、あなたは自分自身で行動することになります。

しかし、以下の点に注意することが重要です。 これは一方通行の操作です。一度イジェクトしたら、もう戻れません。 ! 今後のアップデートをすべて失うことになります。

したがって 可能であれば、カスタムフォルダの命名を使用しないことをお勧めします。 . デフォルトの命名に固執するようにしてください。もしオプションでなければ、#1 を試してみてください。それでも特定のユースケースでうまくいかず、本当に選択肢がない場合は、2.を試してみてください。幸運を祈ります。