Как происходила сборка приложений в проектах

Сборка приложений обычно происходит с помощью инструментов вроде Webpack, Vite, Rollup или Parcel. Основные этапы:

1. Транспиляция – Babel преобразует современный JS/TS в код, понятный браузерам.
2. Бандлинг – Объединение модулей в один или несколько бандлов.
3. Оптимизация – Минификация, tree-shaking, сжатие изображений.
4. Разделение кода – Code splitting для ленивой загрузки.

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

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

В современных проектах часто используют готовые решения:

• Create React App (Webpack под капотом)
• Vite (быстрая сборка на ES модулях)
• Next.js/Nuxt.js (фреймворки со встроенной сборкой)