< H / $ > Хак/Собесов

Перейти на PRO

Какой опыт работы с настройкой сборщиков

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

Тип вопроса: CI/CD Вероятность: 10% Категория: Frontend Разработчик

Ответ

Работал с Webpack, Vite, Rollup. Настраивал конфиги под разные проекты: добавлял лоадеры (babel, sass, file-loader), оптимизировал сборку через code splitting, tree shaking.

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

module.exports = {
  module: {
    rules: [
      {
        test: /.js$/,
        exclude: /node_modules/,
        use: ['babel-loader']
      },
      {
        test: /.scss$/,
        use: ['style-loader', 'css-loader', 'sass-loader']
      }
    ]
  },
  optimization: {
    splitChunks: {
      chunks: 'all'
    }
  }
}

Также настраивал dev-server с HMR, environment variables, source maps. В Vite использовал плагины для React/SVG. Понимаю разницу между dev и prod сборками.