Webpackを使用して、サイトでhot devサーバーを実行しようとしています。このサイトではReactJSを使用しています。ReactJSには次のコードが含まれています。
if (\"production\" !== process.env.NODE_ENV) // etc
ホットスワップを実行していない場合は問題ありませんが、ホットスワップを使用すると実行され、エラーが発生します。
TypeError: process.env is undefined
コードは次のようになります。
プロジェクトは https://github.com/webpack/react-starter whichdoesが動作するようにモデル化されています。質問は次のとおりです。構成ファイルでどのようなエラーが発生しましたか、「プロダクション」コンパイルが正常に動作するときにエラーを探すにはどうすればよいですか?
webpack configファイルの要点 を投稿しました。
Webpackの設定には、process.env
に影響を与える可能性のある2つのオプションがあります。
コードを見ると、process.env
とoptions.prerender
の両方がfalse
である場合、options.minimize
は未定義のように見えます。
これを修正するには、常にprocess.env
を定義する環境(例:node
)を使用するか、DefinePlugin
を使用して変数にデフォルト値を割り当てます。
これが最も簡単な方法です。
new webpack.EnvironmentPlugin( { ...process.env } )
それをwebpackプラグインのリストに追加します。
この答えは私にとってもっと理にかなっています。完全な例を必要とする他の人に投稿する。