Введение в Vite

Vite отдаёт модули браузеру по отдельности во время работы и собирает их в файлы с хешем для публикации.

Сайт на JavaScript состоит из файлов: страница, скрипты, стили, картинки. Браузер не выполняет произвольный набор файлов сам по себе: ему нужна точка входа и связный граф зависимостей. Пока проект растёт, удобнее править несколько небольших модулей, чем один огромный файл.

Во время разработки Vite поднимает локальный сервер. Браузер запрашивает модули по одному, как написано в коде. Сервер отдаёт свежие версии файлов с диска, без предварительной склейки в один общий файл. Так быстрее стартует работа и проще видеть, какой файл за что отвечает.

Перед выкладкой на хостинг нужен другой режим. Посетители не должны тянуть десятки отдельных запросов, если можно отдать несколько оптимизированных файлов. Команда сборки проходит по графу зависимостей, объединяет и сжимает код и кладёт результат в папку, готовую к копированию на сервер. Имена итоговых файлов получают хеш, чтобы браузер не путал старую и новую версию после обновления сайта.

Сервер разработки и сборка - две стороны одного инструмента. Первый режим нужен, пока правим код на своём компьютере. Второй - когда готовим то, что увидят пользователи в сети. Оба режима работают с теми же исходными файлами проекта.