Почему при разработке ничего не берется из кэша

Ответ

При разработке часто отключают кэширование, чтобы видеть актуальные изменения без необходимости постоянно чистить кэш. Это особенно важно при работе с CSS, JS и другими статическими файлами.

Вот как можно отключить кэш в браузере Chrome DevTools:

  1. Откройте DevTools (F12)
  2. Перейдите во вкладку Network
  3. Поставьте галочку "Disable cache" (включится только при открытых DevTools)

Для веб-пакета можно добавить в конфиг:

devServer: {
  headers: {
    'Cache-Control': 'no-store'
  }
}

Также можно добавить уникальный хэш к именам файлов при сборке, чтобы избежать проблем с кэшированием в продакшене.