В какой документ собирается Frontend проект

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

Ответ

Frontend-проект обычно собирается в папку dist или build (название может отличаться в зависимости от сборщика). Это минифицированные, оптимизированные и готовые к продакшену файлы (HTML, CSS, JS, статика).

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

dist/
├── index.html
├── static/
│   ├── js/main.[hash].js
│   ├── css/style.[hash].css
│   └── assets/ (изображения, шрифты)

Конфигурация сборки:

  • Webpack: output.path в webpack.config.js
  • Vite: build.outDir в vite.config.js
  • Create React App / Next.js: предустановленные папки (build, .next).

Файлы часто хэшируются для кэширования ([hash] в именах).