Skip to content

Instantly share code, notes, and snippets.

@alexvijo
Last active April 29, 2024 14:45
Show Gist options
  • Save alexvijo/dcc9af6781db77d3ef51978bb5e6faaa to your computer and use it in GitHub Desktop.
Save alexvijo/dcc9af6781db77d3ef51978bb5e6faaa to your computer and use it in GitHub Desktop.
Configuración de Builds en Angular (AOT y JIT)

CONFIGURACIÓN DE BUILDS EN ANGULAR (AOT y JIT)

AOT (Ahead of Time Compilation)

  • Modificar angular.json:
    • Añade la siguiente configuración en la sección projects -> your-project-name -> architect -> build:
      "configurations": {
        "production": {
          "aot": true
        }
      }
  • Ejecutar el Build para Producción:
    • Utiliza el comando ng build --prod para compilar tu proyecto Angular con AOT habilitado.

JIT (Just in Time Compilation)

  • Modificar angular.json:
    • Asegúrate de que la configuración de desarrollo tenga JIT habilitado. Verifica que la configuración de configurations en projects -> your-project-name -> architect -> build contenga:
      "configurations": {
        "development": {
          "aot": false
        }
      }
  • Ejecutar el Build para Desarrollo:
    • Utiliza el comando ng build para compilar tu proyecto Angular con JIT habilitado.

Notas Adicionales:

  • AOT vs. JIT:
    • AOT es ideal para producción debido a su mejor optimización y tiempos de carga más rápidos.
    • JIT es útil en desarrollo por sus tiempos de compilación más rápidos, facilitando la depuración y la iteración.
  • Práctica Recomendada:
    • Utiliza AOT en producción y JIT en desarrollo para la mayoría de los casos.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment