Build dan optimasi
Build produksi, kompilasi AOT, tree shaking, lazy loading, optimasi bundle, source maps, budgets
1Apa itu kompilasi AOT di Angular?
Apa itu kompilasi AOT di Angular?
Jawaban
Kompilasi AOT (Ahead-of-Time) mengubah kode Angular dan template menjadi JavaScript yang dioptimalkan selama fase build, sebelum deployment. Hal ini mengurangi ukuran bundle karena compiler Angular tidak disertakan, meningkatkan performa loading, dan mendeteksi error template lebih awal. Sejak Angular 9, AOT diaktifkan secara default untuk semua build.
2Apa keuntungan utama AOT dibandingkan kompilasi JIT?
Apa keuntungan utama AOT dibandingkan kompilasi JIT?
Jawaban
AOT menghasilkan bundle yang lebih kecil karena compiler Angular (sekitar 1MB) dikecualikan dari bundle akhir, tidak seperti JIT yang memerlukan compiler di browser. AOT juga meningkatkan waktu loading dengan menghilangkan kompilasi sisi klien, mendeteksi error template lebih awal, dan meningkatkan keamanan dengan pre-compile template.
3Bagaimana mengaktifkan kompilasi AOT dalam perintah ng build?
Bagaimana mengaktifkan kompilasi AOT dalam perintah ng build?
Jawaban
Sejak Angular 9, AOT adalah kompilasi default untuk semua environment. Untuk build produksi, menggunakan ng build --configuration production secara otomatis mengaktifkan AOT. Flag --aot ada tetapi redundan karena AOT sekarang selalu aktif kecuali dikonfigurasi secara eksplisit sebaliknya di angular.json.
Konfigurasi mana di angular.json yang mengaktifkan optimasi untuk build produksi?
Apa itu tree shaking di Angular?
+17 pertanyaan wawancara
Topik wawancara Angular lainnya
Dasar-dasar TypeScript
TypeScript Lanjutan
Dasar-Dasar Angular
Komponen dan siklus hidup
Services & Dependency Injection
Organisasi Modul Angular
Angular CLI
Direktif dan Pipe
Routing dan Navigasi
Reactive Forms
Template-driven Forms
Dasar-Dasar RxJS
Operator RxJS
HttpClient & Panggilan API
Manajemen State Dasar
Change Detection
Angular Signals
Standalone Components
Unit Testing Angular
Pengujian End-to-End
Dasar-dasar NgRx
NgRx Lanjutan
Arsitektur Angular
Optimisasi Performa
Keamanan dan Praktik Terbaik
Pola RxJS Lanjutan
Angular Universal & SSR
Micro-frontend Angular
Kuasai Angular untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis