Расскажи про опыт с Webpack

Webpack — это мощный модульный сборщик для JavaScript-приложений. Он анализирует зависимости между модулями, объединяет их в бандлы и оптимизирует загрузку ресурсов (JS, CSS, изображения и др.).

Ключевые особенности:

• Entry/Output: Указывает точку входа и выходные файлы.
• Loaders: Обрабатывают файлы (например, Babel для JS, Sass-loader для CSS).
• Plugins: Расширяют функционал (например, HtmlWebpackPlugin для HTML).
• Code Splitting: Разделение кода для ленивой загрузки.

Пример конфига:

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

Плюсы: Гибкость, поддержка горячей перезагрузки (HMR), богатая экосистема.
Минусы: Сложная конфигурация, долгая сборка в больших проектах.

Альтернативы: Vite, Parcel, Rollup.