Build et optimisation
Production builds, AOT compilation, tree shaking, lazy loading, bundle optimization, source maps, budgets
1Qu'est-ce que l'AOT compilation dans Angular ?
Qu'est-ce que l'AOT compilation dans Angular ?
Réponse
L'AOT (Ahead-of-Time) compilation transforme le code Angular et les templates en JavaScript optimisé pendant le build, avant le déploiement. Cela réduit la taille du bundle car le compilateur Angular n'est pas inclus, améliore les performances de chargement, et détecte les erreurs de template plus tôt. Depuis Angular 9, l'AOT est activé par défaut pour tous les builds.
2Quel est l'avantage principal de l'AOT par rapport à la compilation JIT ?
Quel est l'avantage principal de l'AOT par rapport à la compilation JIT ?
Réponse
L'AOT produit des bundles plus petits car le compilateur Angular (environ 1MB) est exclu du bundle final, contrairement au JIT qui nécessite le compilateur dans le navigateur. L'AOT améliore aussi le temps de chargement en éliminant l'étape de compilation côté client, détecte les erreurs de template plus tôt, et améliore la sécurité en pré-compilant les templates.
3Comment activer l'AOT compilation dans une commande ng build ?
Comment activer l'AOT compilation dans une commande ng build ?
Réponse
Depuis Angular 9, l'AOT est la compilation par défaut pour tous les environnements. Pour un build de production, utiliser ng build --configuration production active automatiquement l'AOT. Le flag --aot existe mais est redondant car l'AOT est maintenant toujours actif sauf configuration explicite contraire dans angular.json.
Quelle configuration dans angular.json active les optimisations pour un build de production ?
Qu'est-ce que le tree shaking dans Angular ?
+17 questions d'entretien
Autres sujets d'entretien Angular
Les bases de TypeScript
TypeScript avancé
Fondamentaux Angular
Composants et cycle de vie
Services et Dependency Injection
Organisation des Modules Angular
Angular CLI
Directives et Pipes
Routing et Navigation
Formulaires réactifs
Formulaires template-driven
Fondamentaux RxJS
Opérateurs RxJS
HttpClient et API calls
Gestion d'état de base
Change Detection
Angular Signals
Standalone Components
Tests unitaires Angular
Tests end-to-end
Fondamentaux NgRx
NgRx avancé
Architecture Angular
Optimisation de performance
Sécurité et bonnes pratiques
Patterns RxJS avancés
Angular Universal et SSR
Micro-frontends Angular
Maîtrise Angular pour ton prochain entretien
Accède à toutes les questions, flashcards, tests techniques, exercices de code review et simulateurs d'entretien.
Commencer gratuitement