React + webpack: 'process.env' не определен

Question

Я пытаюсь запустить сервер hot dev на нашем сайте с помощью webpack; сайт использует ReactJS, который имеет этот код в нем:

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

Когда не работает горячей замены, это хорошо, но с возможностью горячей замены, он будет запущен, в результате ошибки:

TypeError: process.env is undefined 

код выглядит следующим образом:

проект смоделирован https://github.com/webpack/react-starter который делает работ; так что вопрос: какую ошибку я сделал в файле конфигурации и/или как мне искать ошибку, когда компиляция «production» работает нормально?

Я разместил gist of the webpack config file.

Answer 1

В вашем WebPack конфигурации, есть два варианта, которые могут повлиять на process.env:

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

Глядя на ваш код, он выглядит как process.env может быть не определено, когда оба options.prerender и options.minimize: false.

Вы можете исправить это, всегда используя среду, которая определяет process.env (например: node), или с помощью DefinePlugin, чтобы назначить значение по умолчанию для переменной самостоятельно.

Answer 2

Этот ответ дал мне больше смысла. Проводка для других с одинаковой потребностью для полного примера.

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

Answer 3

Это самый простой способ:

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

Добавим, что в список WebPack плагинов.