Ты говорил про Next.js — какие ещё бандлеры, сборщики, dev-инструменты использовал?

Кроме Next.js, я работал с такими бандлерами и сборщиками, как Webpack, Parcel и Vite. Webpack — классический и мощный инструмент, который позволяет гибко настраивать процесс сборки, поддерживает лоадеры и плагины для разных типов файлов. Parcel выделяется простотой настройки и автоматической конфигурацией, что ускоряет старт проекта. Vite — современный инструмент, который использует нативный ES-модульный импорт в браузере для быстрой разработки и поддерживает горячую перезагрузку.

В качестве dev-инструментов часто использую ESLint для статического анализа кода, Prettier для форматирования, а также Babel для транспиляции современного JavaScript в совместимый с разными браузерами. Для тестирования применяю Jest и React Testing Library.

Пример настройки Webpack для React-проекта:

// webpack.config.js
module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: __dirname + '/dist'
  },
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        use: 'babel-loader'
      }
    ]
  },
  devServer: {
    contentBase: './dist',
    hot: true
  }
};