Шаг 3. Базовый конфиг и его настройка

Здесь конфиг вновь разделён на четыре файла:

• webpack.config.js
• webpack.base.js
• webpack.dev.js
• webpack.prod.js

На этом шаге рассмотрим webpack.config.js. Его содержимое выглядит так:

const {merge} = require('webpack-merge');
const baseConfig = require('./build/webpack.base');
const devConfig = require('./build/webpack.dev');
const prodConfig = require('./build/webpack.prod');

module.exports = (env, argv) => {
  switch (argv.mode) {
    case 'development':
      return merge(baseConfig, devConfig);
    case 'production':
      return merge(baseConfig, prodConfig);
    default:
      throw new Error('No matching configuration was found!');
  }
};

В этом файле объединяются все конфиги благодаря пакету webpack-merge, который мы заранее установили.