Манифест в Vite

Манифест записывает соответствие исходного имени и имени с хешем.

В собранном index.html у скрипта уже другое имя, чем у src/main.js. Серверному шаблону удобно читать таблицу соответствий, а не угадывать хеш. Поле build.manifest со значением true создаёт такой файл внутри dist.

Включим манифест в блоке build:

import { defineConfig } from 'vite'

export default defineConfig({
  build: {
    manifest: true,
  },
})

Модуль выводит hello:

document.querySelector('#app').textContent = 'hello'

Выполним сборку:

npm run build

В dist/.vite/manifest.json лежит объект JSON. Ключи похожи на исходные пути модулей и html-файлов, а в значениях указаны итоговые имена файлов с хешем и тип ресурса. Так backend может подставить правильный script в свой шаблон, не открывая dist/index.html вручную. Полный текст JSON копировать не нужно: достаточно найти строку с исходным модулем и связанным файлом в assets.

Включите манифест сборки, соберите проект со словом hello и откройте dist/.vite/manifest.json, найдите запись для src/main.js или index.html.

Добавьте второй модуль src/extra.js со словом ready, подключите его из src/main.js, пересоберите проект и проверьте, что в манифесте появилась новая строка для src/extra.js с итоговым именем файла.