Просмотр сборки в Vite

Просмотр сборки показывает уже собранные файлы, а не исходные модули сервера разработки.

После npm run со скриптом build содержимое dist можно проверить локально, не копируя его на удалённый хостинг. Для этого служит отдельная команда просмотра. В package.json добавляют скрипт preview, который вызывает vite с подкомандой preview:

Этот сервер не пересобирает проект и не отдаёт файлы из src по отдельности. Он раздаёт только то, что уже лежит в dist. По умолчанию адрес - http://localhost:4173. Запустим просмотр:

Откроем этот адрес в браузере и сравним страницу с тем, что было в режиме разработки. Текст hello должен совпадать, но в сетевых запросах видны уже собранные файлы с хешем в имени, а не исходные модули из src. Сервер разработки на порту 5173 и просмотр на порту 4173 можно не путать: это разные режимы одного инструмента.