Настраивал ли сборку

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

Ответ

Да, настраивал сборку проектов с помощью Webpack, Vite и Parcel. Чаще всего работал с Webpack — конфигурировал loaders (для SCSS, TypeScript, Babel), настраивал dev-server, оптимизировал сборку через splitChunks, добавлял плагины (HtmlWebpackPlugin, MiniCssExtractPlugin).

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

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'],
      },
    ],
  },
};

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