Какой конфиг для сборки используешь на работе

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

Ответ

На работе чаще всего использую Webpack, но иногда Vite для более быстрой разработки.

Webpack config включает:

  • Babel для транспиляции JS/TS
  • SCSS/LESS обработку
  • Оптимизацию (минификацию, tree-shaking)
  • Code splitting
  • Настройку dev-server с HMR

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

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

Для Vite конфиг проще и работает быстрее из коробки.