Что Webpack используется для преобразования кода в JS

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

Пример конфигурации для обработки JS и SCSS:

module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/,
        use: 'babel-loader', // Транспиляция ES6+ в ES5
      },
      {
        test: /\.scss$/,
        use: ['style-loader', 'css-loader', 'sass-loader'],
      },
    ],
  },
};

Ключевые возможности:

• Tree Shaking (удаление неиспользуемого кода)
• Code Splitting (разделение бандла)
• Hot Module Replacement (HMR)