Какова роль бабеля-погрузчика в Webpack?

Babel — это транспилятор, который преобразует современный JavaScript в код, поддерживаемый старыми версиями браузеров. Babel-loader — это инструмент, который интегрирует Babel с Webpack, позволяя транспилировать код во время сборки.

Пример настройки:

module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/, // Обрабатывает все файлы с расширением .js
        exclude: /node_modules/, // Исключает библиотечные файлы
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env'], // Пресет для транспиляции ES6+
          },
        },
      },
    ],
  },
};

Благодаря Babel, вы можете использовать последние возможности JavaScript, такие как async/await, опциональные цепочки и модули, без опасений о несовместимости с браузерами. Babel-loader делает этот процесс удобным и автоматизированным.