Как увидеть изменения файла в браузере в production

Для отладки production-версии можно использовать source maps. Они позволяют видеть исходный код вместо минифицированного. Включите их в сборке (webpack, vite и т.д.) и загрузите в браузер.

Пример настройки source maps в webpack:

module.exports = {
  devtool: 'source-map',
  // остальная конфигурация
}

Также полезные инструменты:

1. Chrome DevTools → Sources → Page → Ctrl+P для поиска файлов
2. Локальное проксирование через Charles/Fiddler для подмены файлов
3. Добавление ?v=timestamp к URL ресурсов для обхода кеша

Для React/Vue приложений можно использовать расширения DevTools, которые показывают компоненты в их исходном виде.