Что такое Webpack Config

Webpack Config — это конфигурационный файл (webpack.config.js), который определяет, как Webpack будет обрабатывать и собирать проект. В нём задаются:

• Entry — точка входа (например, ./src/index.js).
• Output — куда и как сохранять бандл (папка dist, имя файла).
• Loaders — обработчики файлов (например, Babel для JS, CSS-loader для стилей).
• Plugins — дополнительные инструменты (например, HtmlWebpackPlugin для HTML).
• Оптимизации — минификация, разделение кода (chunks).

Пример минимальной конфигурации:

module.exports = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js',
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        use: 'babel-loader',
      },
    ],
  },
  plugins: [new HtmlWebpackPlugin()],
};