На что влияет hash во Vue файлах

Хеш во Vue файлах (например, app.3a8f6b4.js) используется для контроля версий файлов при сборке. Он влияет на:

1. Кеширование браузера — при изменении содержимого файла хеш меняется, что заставляет браузер загружать новую версию, а не использовать закешированную.

2. Инвалидацию кеша — помогает избежать проблем с устаревшими версиями файлов у пользователей после деплоя.

3. Долгосрочное кеширование — можно настраивать Cache-Control: max-age=31536000 для статических файлов, так как их уникальность гарантируется хешем.

Пример настройки в vite.config.js:

export default {
  build: {
    rollupOptions: {
      output: {
        entryFileNames: `[name].[hash].js`,
        chunkFileNames: `[name].[hash].js`,
        assetFileNames: `[name].[hash].[ext]`
      }
    }
  }
}