Переменные окружения

Для того, чтобы различать в вашем webpack.config.js разработку и производственные сборки, можно использовать переменные окружения.

Переменные окружения webpack отличаются от переменных окружения оболочек операционных систем, таких как bash и CMD.exe

Командная строка webpack опция среды --env позволяет вам передавать любое количество переменных окружения. Переменные окружения будут доступны в вашем webpack.config.js. Например, --env.production или --env.NODE_ENV=local (NODE_ENV традиционно используется для определения типа среды, см. здесь.)

webpack --env.NODE_ENV=local --env.production --progress

Настройка вашей env переменной без присвоения значения, --env.production по умолчанию задает --env.production значение true. Существуют и другие синтаксические конструкции. Более подробную информацию см. в документации webpack CLI.

Вам необходимо внести одно изменение в ваш конфигурационный файл webpack. Обычно module.exports указывает на объект конфигурации. Чтобы использовать переменную env, необходимо преобразовать module.exports в функцию:

webpack.config.js

const path = require('path');

module.exports = env => {
  // Use env.<YOUR VARIABLE> here:
  console.log('NODE_ENV: ', env.NODE_ENV); // 'local'
  console.log('Production: ', env.production); // true

  return {
    entry: './src/index.js',
    output: {
      filename: 'bundle.js',
      path: path.resolve(__dirname, 'dist'),
    },
  };
};