Añadir librería externa a un proyecto Angular. Ejemplo JQuery

Supongamos que deseamos añadir jquery a nuestro proyecto. La forma más correcta de hacerlo es indicándolo en la sección build/scripts del archivo de configuración angular.json:

angular.json

...
"projects": {
    ...
    "nombre_proyecto": {
        ...
        "architect": {
            ...
            "build": {
                ...
                "options": {
                    ...
                    "scripts": ["node_modules/jquery/dist/jquery.min.js"]
                }
            }
        }
    }
}

Para que esto funcione debemos instalar jquery:

> npm install --save jquery

Si además queremos tener disponibles los tipos para typescript:

> npm install --save-dev @types/jquery

Por último, en el componente que deseemos utilizar jquery:

import * as $ from 'jquery'

Y ya podemos usar la librería en nuestro código.

Índice