Структура проекта

🧠 Суть

Как организован Vite-проект. Что куда класть и почему.

📁 Структура

проект/
├── public/                 ← статика (копируется как есть в dist/)
│   ├── favicon.ico
│   └── site.webmanifest
│
├── src/                    ← исходники
│   ├── index.html          ← точка входа
│   ├── main.js             ← entry point
│   ├── vite.config.js
│   │
│   ├── css/
│   │   ├── reset.css
│   │   └── custom.css      ← переменные, акценты, кастомные правила
│   │
│   ├── js/
│   │   └── script.js
│   │
│   └── assets/
│       ├── fonts/
│       ├── images/
│       └── icons/
│
└── dist/                   ← сборка (не редактировать)
    ├── index.html
    └── assets/
        ├── main-[hash].js
        └── main-[hash].css

📋 Правила

Папка	Что делает	Обработка
public/	Фавиконки, manifest, robots.txt	Копируется как есть, без хэшей
src/	Все исходники	Обрабатывается Vite
src/assets/	Шрифты, картинки, иконки	Хэшируются, оптимизируются
dist/	Результат сборки	Авто-генерация

Пояснения:

• index.html только в src/ — Vite требует как entry point
• public/ → копируется в корень dist/ без изменений
• src/assets/ → файлы получают хэш в имени: logo-abc123.png