Чтобы установить веб-пакет и загрузчики/плагины Babel, можно воспользоваться несколькими способами. Вот несколько часто используемых подходов:

Метод 1: установка вручную

1. Установите webpack и Babel как зависимости в своем проекте, используя npm или Yarn:

   npm install webpack babel-loader @babel/core @babel/preset-env --save-dev

   или

   yarn add webpack babel-loader @babel/core @babel/preset-env --dev

2. Настройте файл конфигурации веб-пакета (webpack.config.js) для использования загрузчика Babel. Вот пример конфигурации:

   module.exports = {
    // ...
    module: {
      rules: [
        {
          test: /\.js$/,
          exclude: /node_modules/,
          use: {
            loader: 'babel-loader',
            options: {
              presets: ['@babel/preset-env']
            }
          }
        }
      ]
    }
   };

Метод 2: создание приложения React
Если вы работаете над проектом React, вы можете использовать приложение Create React, которое устанавливает предварительно настроенную среду разработки с уже установленными Webpack и Babel.

1. Установить приложение Create React глобально:

   npm install -g create-react-app

   или

   yarn global add create-react-app

2. Создайте новый проект React:

   create-react-app my-app

3. После создания проекта Babel и веб-пакет уже настроены.

Метод 3: использование шаблонного шаблона Webpack
Если вы предпочитаете шаблонный проект с уже настроенными Webpack и Babel, вы можете использовать популярные шаблонные шаблоны, такие как «webpack-boilerplate» или «webpack-starter».