Какими сборщиками Frontend приложения работал

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

Ответ

Webpack - основной сборщик, с которым работал. Настраивал конфиги, оптимизировал бандлы, подключал плагины (HtmlWebpackPlugin, MiniCssExtractPlugin).

Также использовал Vite для быстрой разработки - удобен из-за мгновенного HMR.

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

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist')
  },
  plugins: [new HtmlWebpackPlugin({ template: './src/index.html' })]
};

Gulp применял для автоматизации задач (минификация, препроцессинг CSS).