< H / $ > Хак/Собесов

Перейти на PRO

Что делаешь после сохранения файла чтобы увидеть изменения в браузере

«Что делаешь после сохранения файла чтобы увидеть изменения в браузере» — вопрос из категории Архитектура, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Тип вопроса: Архитектура Вероятность: 10% Категория: Frontend Разработчик

Ответ

После сохранения файла изменения можно увидеть несколькими способами:

Автоматическая перезагрузка - если используется сборщик (Webpack, Vite) с hot-reload, страница обновится сама. Например, в Vite:

// vite.config.js
export default {
  server: {
    hmr: true // включен по умолчанию
  }
}

Ручное обновление - F5 или Ctrl/Cmd + R в браузере.
Живой сервер - инструменты типа Live Server в VS Code автоматически перезагружают страницу при изменениях.
Отключение кэша - в DevTools (F12) во вкладке Network можно включить "Disable cache" для разработки.

Для CSS иногда достаточно просто обновить стили без перезагрузки страницы через вкладку Elements в DevTools.