nodeとwebpackを使用するReactアプリケーションをどのように展開しますか？

Question

Reactを学習するためのチュートリアルのほとんどは、開発環境でnodeとwebpackを使って議論しています。私は本番環境への展開に関する情報を探しています。具体的には、Webpackプロダクションサーバーをどのように作成し、プロダクション環境でどのように稼働させるのですか？ありがとう

Answer 1

webpackを使用して、プロダクションでreactjを簡単にコンパイルできます。あなたのプロジェクトがスケールアップされ、コンポーネントの数が増えることがわかっているならば、webpackを使う方が良いでしょう。

Webpackはコード分割機能を提供しています。コンポーネントが大きくなると、すべてのコンポーネントを1つのファイルにコンパイルしたくないからです。私はあなたがwebpack documentationを一度通過することをお勧めします。コード分​​割とそれがどのように機能すべきかについて明確に言及しています。

今のところ、私はあなたのjsを小型化して醜くするために、プロダクションでwebpack -pを使用することを提案します。そして、あなたのプロジェクトのコンポーネント数が増えてコード分割が必要になった場合、

Answer 2

実稼働環境でウェブパックは必要ありません。コードを単一のバンドルにコンパイルするだけで使えます。

本物のアプリケーションでは、単一のhtml、bundle.js（またはあなたのバンドルに名前を付けたもの）とプロジェクトの他のアセットだけが必要です。

NodeJsを使用している場合、おそらくそれをサポートするホストを見つける必要があります。たとえば、Heroku

Answer 3

環境変数を追加する必要があります。これらの変数を使用すると、Webpackを使用して開発環境や環境を構築できます。あなたが実際に運用サーバー上のWebPACK実行しないWhy is my webpack bundle.js and vendor.bundle.js so incredibly big?