Обновление страницы в Vite
Сохранение файла обновляет открытую страницу без ручного перезапуска сервера.
Сервер разработки следит
за файлами проекта.
Когда текст на диске меняется,
он сообщает браузеру,
что нужно подтянуть свежий код.
Процесс npm run
со скриптом dev
в терминале при этом
не останавливают и не запускают заново.
Достаточно сохранить файл
в редакторе.
Откроем проект с уже работающим сервером
и страницей со словом hello.
Изменим экспорт в
src/message.js
на другую строку и сохраним файл:
export const text = 'hello again';
Вкладка браузера должна обновиться сама и показать новый текст. Если окно было свёрнуто, вернёмся к нему после сохранения и сравним надпись на экране.
Тот же приём работает,
когда добавляют новый модуль.
Создадим файл
src/extra.js
и импортируем его из
src/main.js:
export const note = 'hello from extra';
После сохранения обоих файлов страница снова подхватит изменения без полной перезагрузки сервера.
Замените текст на странице на слово ready, сохраните src/message.js и дождитесь автоматического обновления вкладки.
Создайте src/note.js, экспортируйте из него строку ready, подключите модуль в src/main.js и проверьте обновление после сохранения.
