Что такое AOT-компиляция в Angular?

Question

Accepted Answer

## Коротко
**AOT (Ahead-of-Time)** — шаблоны и метаданные Angular компилируются **на этапе сборки**, а не в браузере при старте.

## Зачем

- Быстрее первый рендер: меньше работы runtime.
- Ошибки шаблонов ловятся на build/CI (`Can't bind to 'x'`).
- Меньше payload: компилятор не нужен в production-бандле.
- Лучше tree-shaking неиспользуемых деклараций.

```ts
// CLI production: aot включён по умолчанию
// ng build → Ivy компилирует шаблоны в инструкции рендера
bootstrapApplication(AppComponent, appConfig);
```

Исторически **JIT** (`platformBrowserDynamic().bootstrapModule`) компилировал в браузере и использовался в dev. С Ivy CLI почти всегда на AOT и в development, с быстрой инкрементальной пересборкой.

## Как думает сеньор

AOT — сдвиг компиляции «влево» по пайплайну, а не отдельная кнопка «сделать быстро». Ivy сделал AOT практичным дефолтом. «JIT в prod» для современного Angular — красный флаг.

## Практика
В CI смотрите, что production-конфигурация действительно с AOT и без JIT-компилятора в бандле. Ошибки шаблонов на PR дешевле, чем сюрпризы у пользователя после деплоя.

## Итог

AOT = шаблоны скомпилированы до деплоя → быстрее старт, жёстче проверки, leaner bundle. В актуальном Angular это норма поставки, а не продвинутая опция.