+ webpack: ‚process.env‘ nicht definiert ist

Question

Ich versuche, den heißen dev Server auf unserer Seite mit webpack zu laufen; Die Website verwendet ReactJS, die diesen Code in sich hat:

if (\"production\" !== process.env.NODE_ENV) // etc 

Wenn nicht Hot-Swap läuft es ist in Ordnung, aber mit dem Hot-Swap, wird es laufen, in dem Fehler führt:

TypeError: process.env is undefined 

Der Code sieht wie folgt aus:

Das Projekt wird nach dem Vorbild https://github.com/webpack/react-starter die tut Arbeit; Die Frage ist also; Welchen Fehler habe ich in der Konfigurationsdatei gemacht und/oder wie gehe ich nach dem Fehler, wenn die Kompilierung "Produktion" funktioniert?

habe ich die gist of the webpack config file geschrieben.

Answer 1

In Ihrem webpack Config gibt es zwei Optionen, die process.env beeinflussen können:

• When you specify config.target (siehe config.target)
• When you define the process.env variable via DefinePlugin

Blick auf den Code, es ist wie process.env könnte aussieht undefiniert, wenn sowohl als auch options.minimizefalse sind.

Sie können dies beheben, indem Sie immer eine Umgebung verwenden, die process.env (ex: node) definiert, oder indem Sie DefinePlugin verwenden, um der Variablen einen Standardwert zuzuweisen.

Answer 2

Diese Antwort machte mehr Sinn für mich. Stellen Sie für andere mit dem gleichen Bedarf für ein komplettes Beispiel.

https://github.com/webpack/webpack/issues/868

Answer 3

Dies ist die einfachste Art und Weise:

new webpack.EnvironmentPlugin({ ...process.env }) 

hinzufügen, dass Plug-in in der Liste des webpack.