Build ve optimizasyon
Production build'leri, AOT derleme, tree shaking, lazy loading, bundle optimizasyonu, source maps, budgets
1Angular'da AOT derleme nedir?
Angular'da AOT derleme nedir?
Cevap
AOT (Ahead-of-Time) derleme, Angular kodunu ve template'leri dağıtımdan önce build aşamasında optimize edilmiş JavaScript'e dönüştürür. Angular derleyicisi dahil edilmediğinden bundle boyutu azalır, yükleme performansı artar ve template hataları daha erken tespit edilir. Angular 9'dan itibaren AOT tüm build'ler için varsayılan olarak etkindir.
2AOT'nin JIT derlemeye göre temel avantajı nedir?
AOT'nin JIT derlemeye göre temel avantajı nedir?
Cevap
AOT, JIT'in tarayıcıda derleyici gerektirmesinin aksine, Angular derleyicisinin (yaklaşık 1MB) nihai bundle'dan hariç tutulması nedeniyle daha küçük bundle'lar üretir. AOT ayrıca istemci tarafı derlemeyi ortadan kaldırarak yükleme süresini iyileştirir, template hatalarını daha erken tespit eder ve template'leri önceden derleyerek güvenliği artırır.
3ng build komutunda AOT derleme nasıl etkinleştirilir?
ng build komutunda AOT derleme nasıl etkinleştirilir?
Cevap
Angular 9'dan itibaren AOT, tüm ortamlar için varsayılan derlemedir. Production build için ng build --configuration production kullanmak AOT'yi otomatik olarak etkinleştirir. --aot bayrağı mevcuttur ancak angular.json'da açıkça aksi belirtilmedikçe AOT artık her zaman aktif olduğu için gereksizdir.
angular.json'daki hangi yapılandırma production build için optimizasyonları etkinleştirir?
Angular'da tree shaking nedir?
+17 mülakat soruları
Diğer Angular mülakat konuları
TypeScript Temelleri
TypeScript İleri Seviye
Angular Temelleri
Bileşenler ve yaşam döngüsü
Services & Dependency Injection
Angular Modül Organizasyonu
Angular CLI
Direktifler ve Pipe'lar
Routing ve Navigasyon
Reactive Forms
Template-driven Forms
RxJS Temelleri
RxJS Operatörleri
HttpClient ve API çağrıları
Temel State Yönetimi
Change Detection
Angular Signals
Standalone Components
Angular Birim Testleri
Uçtan Uca Test
NgRx Temelleri
İleri Düzey NgRx
Angular Mimarisi
Performans Optimizasyonu
Güvenlik ve En İyi Uygulamalar
Gelişmiş RxJS Desenleri
Angular Universal ve SSR
Angular Mikro-frontend'ler
Bir sonraki mülakatın için Angular'de uzmanlaş
Tüm sorulara, flashcards'a, teknik testlere, code review alıştırmalarına ve mülakat simülatörlerine eriş.
Ücretsiz başla