Что делать с кодом после написания приложения и создания статики через npm build на Vue

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

Ответ

После npm run build в Vue создаётся папка dist с оптимизированной статикой. Вот что делать дальше:

  1. Деплой – загрузи dist на хостинг (Netlify, Vercel, GitHub Pages) или сервер через FTP/SFTP.
    Пример для GitHub Pages:
    npm install -g gh-pages
    gh-pages -d dist
  1. Настройка сервера – если используется Nginx/Apache, убедись, что роутинг работает в history-режиме (если он включён в Vue Router). Для Nginx:
    location / {
      try_files $uri $uri/ /index.html;
    }
  1. CDN – залей ассеты (JS/CSS) на CDN для ускорения загрузки.

  2. Мониторинг – подключи Sentry/Google Analytics для отслеживания ошибок и метрик.

  3. Кэширование – настрой заголовки Cache-Control для статики (например, immutable для хэшированных файлов).

Проверь, что index.html не кэшируется, а остальные файлы – да.