Введение в сборку в Vite

Сборка умеет не только сложить файлы в dist: путь сайта, карта кода, имена и манифест задаются отдельно.

Команда npm с подкомандой run и именем build по-прежнему проходит по графу модулей и пишет результат в каталог внутри проекта. Поведение по умолчанию уже знакомо: скрипты и стили получают хеш в имени, а index.html ссылается на эти итоговые файлы. Отдельные поля конфигурации не заменяют саму команду, а дополняют блок build в vite.config.js.

Поля блока build меняют путь, по которому сайт будут открывать, и то, насколько читаемым останется собранный код. Картинка может остаться отдельным файлом или попасть внутрь скрипта, если она совсем маленькая. Сборку в Vite 8 ведёт Rolldown. Его настройки лежат в build.rolldownOptions и заменяют устаревшее поле с именем Rollup.

Во всех примерах раздела на странице остаётся слово hello, а проверка сборки начинается с той же команды, что и раньше:

После неё смотрим содержимое dist или соседних настроенных каталогов и сравниваем адреса в html с тем, что ожидаем от поля в конфиге.