web-dev-qa-db-ja.com

create-react-appを使用してビルドバージョンを実行する方法

そこで、小さなReact create-react-appを使用したアプリケーションを開発しました。(常にゼロからアプリケーションを作成しました。)

それから、少し満足してから、npm run build最適化された実動ビルドを作成します。

開発ビルドの代わりに本番ビルドを実行する方法を教えてください。

14
Raj

npm run buildを実行すると、コンソールは次のように表示されるはずです。

The build folder is ready to be deployed.
You may serve it with a static server:

npm install -g serve
serve -s build

ビルドスクリプトは、アプリ全体をビルドフォルダーにビルドし、静的に提供する準備ができています。ただし、実際にサービスを提供するには、提案されているような静的ファイルサーバーが必要です。

コマンドserve -s buildを実行した後、ローカルホスト(指定されたポート)で本番ビルドにアクセスできます。

もちろん、あなたが好きな静的ファイルサーバーを実行できますが、私は通常これにエクスプレスを使用しますが、serveは単一のコマンドで静的ファイルを提供する最も簡単なオプションのようです。

33
the_cheff

このコマンドを使用します:npm install -g serve -s build

0