Введение в Vite

Файл настройки меняет порт, папку сборки и другие поля, которые Vite иначе берёт по умолчанию.

Пока проект маленький, хватает команд в package.json и файлов в корне. Страница index.html подключает скрипт src/main.js, сервер разработки стартует на привычном порту, сборка складывает результат в стандартную папку. Так работает любой свежий проект без лишних файлов.

Когда нужен другой порт, своё имя папки сборки или автоматическое открытие браузера, эти параметры записывают в одном месте. Обычно это файл vite.config.js в корне рядом с package.json. Vite читает его при запуске сервера и при сборке. Команды в скриптах менять не обязательно: те же шаги подхватывают новые значения сами.

Объект настройки делят на блоки по смыслу. Поля сервера разработки лежат внутри server, параметры итоговых файлов - внутри build. Если поле не указано, остаётся значение по умолчанию. Так можно менять только то, что действительно мешает, и не переписывать всю конфигурацию целиком.

Имеет смысл держать файл настройки в системе контроля версий вместе с кодом. Тогда у всех участников совпадают порт, имя папки сборки и прочие договорённости. Меняют только нужные поля, а остальное оставляют умолчаниям Vite.