Build y optimización
Builds de producción, compilación AOT, tree shaking, lazy loading, optimización del bundle, source maps, budgets
1¿Qué es la compilación AOT en Angular?
¿Qué es la compilación AOT en Angular?
Respuesta
La compilación AOT (Ahead-of-Time) transforma el código Angular y los templates en JavaScript optimizado durante la fase de build, antes del despliegue. Esto reduce el tamaño del bundle ya que el compilador de Angular no se incluye, mejora el rendimiento de carga y detecta los errores de template antes. Desde Angular 9, AOT está activado por defecto para todos los builds.
2¿Cuál es la principal ventaja de AOT sobre la compilación JIT?
¿Cuál es la principal ventaja de AOT sobre la compilación JIT?
Respuesta
AOT produce bundles más pequeños porque el compilador de Angular (aproximadamente 1MB) se excluye del bundle final, a diferencia de JIT que requiere el compilador en el navegador. AOT también mejora el tiempo de carga al eliminar la compilación del lado del cliente, detecta los errores de template antes y mejora la seguridad al pre-compilar los templates.
3¿Cómo activar la compilación AOT en un comando ng build?
¿Cómo activar la compilación AOT en un comando ng build?
Respuesta
Desde Angular 9, AOT es la compilación por defecto para todos los entornos. Para un build de producción, usar ng build --configuration production activa automáticamente AOT. El flag --aot existe pero es redundante ya que AOT siempre está activo a menos que se configure explícitamente lo contrario en angular.json.
¿Qué configuración en angular.json activa las optimizaciones para un build de producción?
¿Qué es el tree shaking en Angular?
+17 preguntas de entrevista
Otros temas de entrevista Angular
Conceptos básicos de TypeScript
TypeScript Avanzado
Fundamentos de Angular
Componentes y ciclo de vida
Services & Dependency Injection
Organización de Módulos Angular
Angular CLI
Directivas y Pipes
Routing y Navegación
Formularios reactivos
Formularios template-driven
Fundamentos de RxJS
Operadores RxJS
HttpClient y llamadas API
Gestión de estado básica
Change Detection
Angular Signals
Standalone Components
Pruebas unitarias en Angular
Testing End-to-End
Fundamentos de NgRx
NgRx avanzado
Arquitectura Angular
Optimización de rendimiento
Seguridad y buenas prácticas
Patrones avanzados de RxJS
Angular Universal y SSR
Micro-frontends Angular
Domina Angular para tu próxima entrevista
Accede a todas las preguntas, flashcards, tests técnicos, ejercicios de code review y simuladores de entrevista.
Empieza gratis