Имя файла сборки в Vite

Имя файла сборки задают внутри build.rolldownOptions, и здесь впервые называется Rolldown.

Rolldown - движок, который в Vite 8 собирает модули в итоговые файлы. Его параметры записывают в build.rolldownOptions, а не в устаревшее build.rollupOptions. Шаблон имени точки входа лежит в output.entryFileNames. В шаблоне можно оставить плейсхолдер [hash] - документация Rolldown подставляет туда хеш содержимого, если этот фрагмент указан в строке.

Положим скрипты в подпапку js без плейсхолдера хеша в тексте урока:

import { defineConfig } from 'vite'

export default defineConfig({
  build: {
    rolldownOptions: {
      output: {
        entryFileNames: 'js/[name].js',
      },
    },
  },
})

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

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

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

npm run build

В dist/js лежит файл вроде index.js или другого имени, совпадающего с точкой входа. В index.html атрибут src указывает на этот путь внутри dist. Если в шаблон добавить [hash], в имени появится короткий код версии, как при стандартной сборке.

Соберите скрипт в папку bundle так, чтобы имя файла было именем точки входа без хеша, и откройте dist/bundle. Слово на странице - hello.

Смените папку скрипта на out, пересоберите проект со словом ready на странице и найдите скрипт в dist/out по адресу из index.html.