Сборка в Vite

Сборка складывает модули в папку dist и добавляет хеш в имя файла.

Режим разработки удобен на своём компьютере, но для публикации нужен компактный набор файлов. Его готовит команда сборки. В package.json заводят скрипт build, который вызывает vite с подкомандой build. Фрагмент выглядит так:

"scripts": {
  "build": "vite build"
}

Перед сборкой остановим сервер разработки, если он ещё занимает терминал. Затем выполним:

npm run build

Vite пройдёт по графу модулей, соберёт JavaScript и обновлённый index.html и запишет результат в папку dist. Имена файлов скриптов и стилей внутри dist содержат хеш - короткий код версии в имени. Точное значение хеша каждый раз своё, его не нужно задавать вручную. Исходники в src при этом не удаляются: в dist лежит только то, что можно выложить на хостинг.

Добавьте скрипт build в package.json и выполните сборку проекта с текстом hello на странице.

Откройте папку dist и найдите имя JavaScript-файла с хешем в середине или конце имени.