Шаг 3. Настройка добавленных зависимостей

Мы установили пакеты. Теперь, чтобы проект поддерживал синтаксис React, нужно добавить пресет в файл.babelrc:

{
  "plugins": [
    "@babel/syntax-dynamic-import"
  ],
  "presets": [
    "@babel/preset-env",
    "@babel/preset-react"
  ]
}

На этом мы закончили с Babel. Переходим в файл webpack.config.js и добавляем поле resolve — оно говорит, что сборщику необходимо работать с расширением .jsx. Теперь при импортах webpack не будет осыпать нас ошибками и позволит не указывать данное расширение:

resolve: {
  extensions: ['.js', '.jsx', '.css', '.scss'],
}