Как использовать режим/переменную mode webpack'а в коде js?

Question

[Михаил]

В webpack.config установлено значение mode = 'development'
как мне использовать эту переменную в коде чтобы выводить какие то отладочные сообщения в зависимости от режиме, а в идеале если режим 'prodaction' чтобы этого лишнего кода вообще не было.

Что-то типа:
if (mode == 'development') console.log (mode);
если так написать то пишет undefined, а как сделать доступной эту переменную в коде не могу понять.

Answer 1

[Никита Егоров]

// js (НЕ webpack.config.js)

console.log(process.env.NODE_ENV)

Переменная окружения process.env.NODE_ENV не будет работать в конфигурационном файле webpack, для версии webpack 4.
Specify the environment

Comments

[Михаил]

там вроде mode есть но как его в коде использоваь? НЕ конфигурационного файла?

[Никита Егоров]

Михаил, да, я понял.
Напишите в своем коде следующие, и посмотрите в консоль браузера:

if (process.env.NODE_ENV === 'development') {
     console.log('development')
} else {
     console.log('production')
}

[Михаил]

почитал оф. док-ию, сделал вывод в коде переменной:
console.log('Режим: '+ process.env.NODE_ENV); //Выводит - Режим: development

однако в webconfig у меня :
mode: 'production'

Так что не могу понять какая переменная то считваается

[Никита Егоров]

Михаил, у вас все работает, просто хотите понять как это работает? Я правильно понял?

[Михаил]

svupol,
Хм. получается что да. Чтобы совсем понять как это работает - мне нужно опыта поболее, поэтому задам лишь два уточнения :)
1 Переменная mode соответствует process.env.NODE_ENV (ну или наоборот)?
2 Получается к mode я могу обратиться везде в коде по process.env.NODE_ENV?

[Никита Егоров]

1. Да
2. Да
process.env.NODE_ENV является переменной окружения node.js.
Раньше в webpack не было встроенных переменных окружения, поэтому все использовали webpack.definePlugin, для явного указания значения process.env.NODE_ENV. Сейчас же, это делается неявно. То есть можно указать так:

module.exports = {
    mode: 'development'
}

Или так:

//package.json
scripts: {
   "build": "mode=development"
}

[Михаил]

Спасибо!