Build i optymalizacja
Buildy produkcyjne, kompilacja AOT, tree shaking, lazy loading, optymalizacja bundla, source maps, budgets
1Czym jest kompilacja AOT w Angular?
Czym jest kompilacja AOT w Angular?
Odpowiedź
Kompilacja AOT (Ahead-of-Time) przekształca kod Angular i szablony w zoptymalizowany JavaScript podczas fazy buildu, przed wdrożeniem. Zmniejsza to rozmiar bundla, ponieważ kompilator Angular nie jest dołączany, poprawia wydajność ładowania i wykrywa błędy szablonów wcześniej. Od Angular 9 AOT jest domyślnie włączony dla wszystkich buildów.
2Jaka jest główna zaleta AOT w porównaniu z kompilacją JIT?
Jaka jest główna zaleta AOT w porównaniu z kompilacją JIT?
Odpowiedź
AOT produkuje mniejsze bundle, ponieważ kompilator Angular (około 1MB) jest wykluczony z finalnego bundla, w przeciwieństwie do JIT, który wymaga kompilatora w przeglądarce. AOT poprawia również czas ładowania, eliminując kompilację po stronie klienta, wykrywa błędy szablonów wcześniej i poprawia bezpieczeństwo poprzez wstępną kompilację szablonów.
3Jak włączyć kompilację AOT w poleceniu ng build?
Jak włączyć kompilację AOT w poleceniu ng build?
Odpowiedź
Od Angular 9 AOT jest domyślną kompilacją dla wszystkich środowisk. Dla buildu produkcyjnego użycie ng build --configuration production automatycznie włącza AOT. Flaga --aot istnieje, ale jest zbędna, ponieważ AOT jest teraz zawsze aktywny, chyba że jawnie skonfigurowano inaczej w angular.json.
Która konfiguracja w angular.json włącza optymalizacje dla buildu produkcyjnego?
Czym jest tree shaking w Angular?
+17 pytań z rozmów
Inne tematy rekrutacyjne Angular
Podstawy TypeScript
TypeScript zaawansowany
Podstawy Angulara
Komponenty i cykl życia
Services & Dependency Injection
Organizacja modułów Angular
Angular CLI
Dyrektywy i Pipe'y
Routing i Nawigacja
Formularze reaktywne
Formularze template-driven
Podstawy RxJS
Operatory RxJS
HttpClient i wywołania API
Podstawowe zarządzanie stanem
Change Detection
Angular Signals
Standalone Components
Testy jednostkowe w Angular
Testowanie End-to-End
Podstawy NgRx
Zaawansowany NgRx
Architektura Angular
Optymalizacja wydajności
Bezpieczeństwo i najlepsze praktyki
Zaawansowane wzorce RxJS
Angular Universal i SSR
Angular Micro-frontends
Opanuj Angular na następną rozmowę
Uzyskaj dostęp do wszystkich pytań, flashcards, testów technicznych, ćwiczeń code review i symulatorów rozmów.
Zacznij za darmo