Enlace CDN jsDelivr de un paquete npm: etiqueta script lista

Cargar una biblioteca npm desde jsDelivr con versión fija

Todo paquete publicado en npm lo sirve jsDelivr en cdn.jsdelivr.net/npm/nombre@version/archivo. La herramienta lee la lista de versiones y el archivo principal declarado por el paquete y construye la etiqueta script (y link para una hoja de estilos) con una versión exacta que ya no cambiará.

Qué muestra la herramienta

Para el nombre introducido, la herramienta consulta la API de datos de jsDelivr: la lista de versiones publicadas en npm, las etiquetas de distribución (latest, next, latest-4…) y, para la versión elegida, los archivos JavaScript y CSS que jsDelivr sirve por defecto. Con ellos construye una etiqueta para copiar, mostrada como texto. Si el paquete no declara archivo para navegador, jsDelivr deduce uno y la herramienta lo indica.

Ejemplo

A 14/10/2026, la etiqueta latest de bootstrap apunta a 5.3.8. Los archivos declarados son /dist/js/bootstrap.min.js y /dist/css/bootstrap.min.css, de ahí la dirección cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.min.js en la etiqueta script.

Límites

• No se calcula el hash de integridad (atributo integrity, SRI). Añádalo desde la página del paquete en jsDelivr si su política de seguridad lo exige.
• Un paquete pensado para un bundler (imports ES sin versión para navegador) puede no funcionar tal cual en una etiqueta script.
• La lista de versiones se relee como máximo cada hora; el archivo de una versión, una vez al día, porque una versión publicada no cambia.

Esta herramienta sirve para integrar una biblioteca JavaScript por CDN. Para un paquete Python, use la herramienta PyPI; para las vulnerabilidades de una versión npm, la herramienta OSV.

Fuentes y fechas: Documentación de la API de datos de jsDelivr, datos leídos en directo (verificado el 14/10/2026).

Preguntas frecuentes

¿Cómo incluir un paquete npm en una página HTML sin bundler?

Use la dirección cdn.jsdelivr.net/npm/nombre@version/archivo en una etiqueta script. jsDelivr sirve automáticamente cualquier paquete publicado en npm, sin registro. El paquete debe incluir un archivo para navegador (a menudo en dist/ o umd/).

¿Hay que indicar la versión en la URL de jsDelivr?

Sí en producción: una versión exacta como bootstrap@5.3.8 no cambia nunca. Sin versión, la URL sigue la última publicación y una versión mayor puede romper su sitio. Un rango como @5 sigue las actualizaciones menores.

¿Qué es el atributo integrity (SRI)?

Es el hash criptográfico del archivo (normalmente sha384): el navegador rechaza el archivo si su contenido no coincide. Solo sirve para una versión exacta. Esta herramienta no lo calcula; la página del paquete en jsDelivr lo proporciona.

¿La herramienta es realmente gratuita?

Sí, todas las herramientas en Kristools son 100% gratuitas y accesibles sin registro.

¿Están protegidos mis datos?

Sí. Todo el procesamiento se realiza de forma segura y directa en tu navegador. No se envían datos personales a nuestros servidores.