Angular

Build і оптимізація

Продакшн-білди, AOT-компіляція, tree shaking, lazy loading, оптимізація бандла, source maps, budgets

20 питань зі співбесід·
Mid-Level
1

Що таке AOT-компіляція в Angular?

Відповідь

AOT-компіляція (Ahead-of-Time) перетворює код Angular і шаблони на оптимізований JavaScript під час фази збірки, перед розгортанням. Це зменшує розмір бандла, оскільки компілятор Angular не включений, покращує продуктивність завантаження і виявляє помилки шаблонів раніше. Починаючи з Angular 9, AOT увімкнено за замовчуванням для всіх збірок.

2

Яка головна перевага AOT над JIT-компіляцією?

Відповідь

AOT створює менші бандли, оскільки компілятор Angular (близько 1МБ) виключається з кінцевого бандла, на відміну від JIT, який вимагає компілятора в браузері. AOT також покращує час завантаження, усуваючи компіляцію на стороні клієнта, виявляє помилки шаблонів раніше та підвищує безпеку шляхом попередньої компіляції шаблонів.

3

Як увімкнути AOT-компіляцію в команді ng build?

Відповідь

Починаючи з Angular 9, AOT є компіляцією за замовчуванням для всіх середовищ. Для продакшн-збірки використання ng build --configuration production автоматично вмикає AOT. Прапорець --aot існує, але є надлишковим, оскільки AOT тепер завжди активний, якщо тільки в angular.json явно не налаштовано інше.

4

Яка конфігурація в angular.json вмикає оптимізації для продакшн-збірки?

5

Що таке tree shaking в Angular?

+17 питань зі співбесід

Інші теми співбесід Angular

Основи TypeScript

Junior
25 запитань

TypeScript просунутий

Junior
20 запитань

Основи Angular

Junior
20 запитань

Компоненти та життєвий цикл

Junior
20 запитань

Services & Dependency Injection

Junior
20 запитань

Організація модулів Angular

Mid-Level
22 запитань

Angular CLI

Junior
18 запитань

Директиви та Pipe

Mid-Level
22 запитань

Маршрутизація та навігація

Mid-Level
24 запитань

Реактивні форми

Mid-Level
26 запитань

Template-driven форми

Mid-Level
16 запитань

Основи RxJS

Mid-Level
22 запитань

Оператори RxJS

Mid-Level
24 запитань

HttpClient і виклики API

Mid-Level
22 запитань

Базове керування станом

Mid-Level
20 запитань

Change Detection

Mid-Level
20 запитань

Angular Signals

Mid-Level
20 запитань

Standalone Components

Mid-Level
18 запитань

Модульні тести в Angular

Mid-Level
22 запитань

End-to-End тестування

Mid-Level
18 запитань

Основи NgRx

Senior
24 запитань

Просунутий NgRx

Senior
24 запитань

Архітектура Angular

Senior
22 запитань

Оптимізація продуктивності

Senior
22 запитань

Безпека та найкращі практики

Senior
20 запитань

Просунуті патерни RxJS

Senior
22 запитань

Angular Universal та SSR

Senior
20 запитань

Angular Micro-frontends

Senior
20 запитань

Опануй Angular для наступної співбесіди

Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.

Почни безкоштовно