Angular

Build ve optimizasyon

Production build'leri, AOT derleme, tree shaking, lazy loading, bundle optimizasyonu, source maps, budgets

20 mülakat soruları·
Mid-Level
1

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.

2

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.

3

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.

4

angular.json'daki hangi yapılandırma production build için optimizasyonları etkinleştirir?

5

Angular'da tree shaking nedir?

+17 mülakat soruları

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