Какие библиотеки и стили подключал к Webpack

В Webpack подключают различные библиотеки и стили в зависимости от проекта. Основные:

Библиотеки:

• babel (core, loader, preset-env) - для транспиляции ES6+
• react/vue/angular - если используется фреймворк
• lodash/axios - утилиты и HTTP-клиент
• jest/testing-library - для тестов

Стили:

• css-loader + style-loader - базовый CSS
• sass-loader + node-sass - для SCSS/SASS
• postcss-loader с плагинами (autoprefixer)
• mini-css-extract-plugin - для production

Пример конфига:

module: {
  rules: [
    {
      test: /\.scss$/,
      use: [
        'style-loader',
        'css-loader',
        'sass-loader'
      ]
    }
  ]
}

Также часто добавляют обработку изображений (file-loader), шрифтов и оптимизацию (TerserPlugin).