Папка сборки в Vite

Папка сборки задаётся полем build.outDir и заменяет dist.

Команда сборки проходит по графу модулей от index.html и складывает готовые файлы на диск. Если поле не задано, Vite создаёт каталог dist. Своё имя удобно, когда на сервере уже занято слово dist или результат нужно копировать в заранее известную папку.

Запишем имя build в файле настройки:

import { defineConfig } from 'vite'

export default defineConfig({
  build: {
    outDir: 'build',
  },
})

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

npm run build

Рядом с исходниками появится папка build с обработанной index.html и файлами скриптов с хешем в имени. Каталога dist при этой настройке не будет. Откроем итоговую страницу через просмотр сборки и убедимся, что на экране по-прежнему hello.

Настройте вывод сборки в папку release, соберите проект и найдите готовую index.html внутри неё.

Удалите папку с результатом сборки вручную, соберите проект снова и проверьте, что каталог создался заново с тем же именем.