Какие конфиги настраивал

«Какие конфиги настраивал» — вопрос из категории Devops, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Настраивал конфиги для сборки проектов:

  • Webpack (оптимизация, разделение чанков, настройка лоадеров для JS/TS, CSS, изображений)
  • Babel (пресеты для поддержки старых браузеров, полифиллы)
  • ESLint/Prettier (правила кодстайла, автоматическое форматирование)
  • PostCSS (автопрефиксер, кастомные свойства)
  • Jest/Vitest (конфигурация тестов, моки, coverage)

Пример webpack.config.js:

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.[contenthash].js',
    path: path.resolve(__dirname, 'dist'),
  },
  module: {
    rules: [
      {
        test: /.js$/,
        exclude: /node_modules/,
        use: 'babel-loader',
      },
    ],
  },
};