Шаг 4. Разбор конфига ESLint

Находясь в директории проекта, вводим в терминале npm i babel-loader @babel/core @babel/preset-env -D.

Далее создаём файл.babelrc (или babel.config.json). Чтобы его настроить, подключаем установленный пресет:

{
  "presets": [
    "@babel/preset-env"
  ]
}

Также в webpack предусмотрен вариант настройки некоторых пакетов в одном файле, но так лучше не делать. Это увеличит количество строк кода, а ещё усложнит поиск и редактирование в дальнейшем.

Выглядит это следующим образом (файл webpack.config.js):

{
  module: {
    rules: [
      {
        test: /\.js$/, // Какой тип файлов будет обрабатываться
        exclude: /node_modules/, // исключение в 100% случаев
        use: { // что нужно использовать
          loader: "babel-loader", // загрузчик — Babel
          options: {
            presets: ['@babel/preset-env'] // используемый пресет (может быть вынесен в отдельный файл)
          }
        }
      }
    ]
  }
}