Файл настройки в Vite

Файл vite.config.js экспортирует объект настройки через defineConfig.

Функцию defineConfig берут из пакета vite. Она оборачивает обычный объект JavaScript и подсказывает редактору возможные поля. Снаружи файл выглядит как модуль: импорт сверху, экспорт настройки снизу.

Положим файл в корень проекта, рядом со страницей и папкой src. Пока объект пустой - Vite ведёт себя как без файла. Содержимое файла будет таким:

import { defineConfig } from 'vite'

export default defineConfig({
})

Страница и модуль остаются прежними. Точка входа по-прежнему index.html, текст на экране пишет src/main.js:

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="UTF-8">
    <title>hello</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>

Модуль выводит одно слово:

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

Добавьте в корень проекта файл настройки с пустым объектом и убедитесь, что сервер разработки по-прежнему открывает страницу со словом hello.

Измените заголовок вкладки в index.html, не трогая файл настройки, и проверьте, что правка видна после перезапуска сервера.