Что происходит после сборки приложения

Ответ

После сборки приложения (например, через Webpack, Vite или Rollup) происходит следующее:

  1. Оптимизация кода: минификация, удаление комментариев, tree-shaking (удаление неиспользуемого кода)
  2. Бандлинг: объединение модулей в один или несколько бандлов (обычно JS, CSS, assets)
  3. Хеширование имен файлов для кэширования (например, main.abcd123.js)
  4. Генерация HTML с инжекцией скриптов (если используется плагин типа HtmlWebpackPlugin)
  5. Разделение кода (code splitting) при необходимости

Пример структуры после сборки:

dist/
├── index.html
├── main.abc123.js
├── vendor.def456.js
└── assets/
    ├── styles.css
    └── logo.svg

Готовые файлы можно деплоить на сервер. В production-сборках часто включается source-map для отладки.