Уходит ли написанный код на клиент в первоначальном виде

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

Ответ

Нет, код перед отправкой на клиент обычно проходит обработку. Основные этапы:

  1. Сборка (Webpack, Vite, Rollup) - объединение модулей в бандлы.
  2. Транспиляция (Babel) - преобразование современного JS в совместимый.
  3. Минификация - удаление пробелов, комментариев, сокращение имен.
  4. Обфускация (опционально) - затруднение чтения кода.

Пример до/после минификации:

// Исходный
function calculateTotal(price, tax) {
  return price * (1 + tax);
}

// После минификации
function n(e,t){return e*(1+t)}

Исключение - если разработчик явно отключает обработку или использует нативные ES-модули без сборки.