Переменные среды

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

Опция командной строки webpack опция среды --env позволяет передавать сколько угодно переменных среды. Переменные среды будут доступны в вашем webpack.config.js. Например, --env production или --env goal=local

npx webpack --env goal=local --env production --progress

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

webpack.config.js

const path = require('path');

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

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