Из каких частей состоит конфиг Webpack

Webpack конфиг состоит из нескольких ключевых секций:

1. entry - точка входа (может быть строкой, массивом или объектом для мульти-страничных приложений)

entry: './src/index.js'

2. output - настройки выходных файлов:

output: {
  path: path.resolve(__dirname, 'dist'),
  filename: 'bundle.js'
}

3. module - правила для обработки файлов (loaders):

module: {
  rules: [
    { test: /\.js$/, use: 'babel-loader' },
    { test: /\.css$/, use: ['style-loader', 'css-loader'] }
  ]
}

4. plugins - дополнительные плагины:

plugins: [new HtmlWebpackPlugin()]

5. mode - режим сборки (development/production)
6. resolve - настройки разрешения модулей
7. devServer - конфигурация dev-сервера
8. optimization - оптимизации сборки

Конфиг экспортируется как CommonJS модуль. В современных версиях можно использовать ES модули.