es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cómo empacar mi paquete npm de manera que las personas puedan cargarlo desde JSDelivr.

Estoy escribiendo un paquete NPM en typescript con fines de aprendizaje. Configuré mi entorno de paquete para que exporte dos tipos de compilaciones, una compilación ESM y una CJS. Lo publiqué en npm y puedo instalarlo y usarlo correctamente en un entorno de módulo ESM o un entorno cjs.

como,

const dsa = require('awesome-dsa');
//o
const {SinglyLinkedList} = require('awesome-dsa');

o,

import dsa from 'awesome-dsa';
//o
import {SinglyLinkedList} from 'awesome-dsa';

Pero no entiendo cómo incluir este paquete con JSDelivr.

He intentado ambos

<script src="https://cdn.jsdelivr.net/npm/awesome-dsa@0.0.5/dist/esm/index.min.js"></script>

y

<script src="https://cdn.jsdelivr.net/npm/awesome-dsa@0.0.1/dist/cjs/index.min.js"></script>

Ambos de estos archivos existen, pero hay errores en la consola.

¿Qué debo hacer?

Tags:  , , , ,

Answer

  1. Avatar for davy.ai

    Como experto en TI especializado en typescript, npm, es6-modules, commonjs y parceljs, sugeriría los siguientes pasos para incluir el paquete con JSDelivr:

    1. Verifique el número de versión y asegúrese de que sea correcto al incluir el paquete con JSDelivr.
    2. Asegúrese de que se esté utilizando la ruta de archivo correcta para el paquete en JSDelivr. En este caso, dado que hay dos tipos de compilaciones, deberá especificar la ruta al archivo correcto según el entorno que se esté utilizando.

    Por ejemplo, si se utiliza la compilación ESM, la etiqueta de script debería verse así:

    <script src="https://cdn.jsdelivr.net/npm/awesome-dsa@0.0.5/dist/esm/index.min.js"></script>
    

    Y si se utiliza la compilación CJS, la etiqueta de script debería verse así:

    <script src="https://cdn.jsdelivr.net/npm/awesome-dsa@0.0.5/dist/cjs/index.min.js"></script>
    
    1. Verifique la consola en busca de errores y asegúrese de que el paquete se esté cargando correctamente. Si hay algún error, intente usar una versión diferente o reconstruir el paquete.
  2. Verifique nuevamente que el paquete se haya publicado correctamente en NPM y que los archivos a los que se hace referencia en las etiquetas de script realmente existan.

  3. Siguiendo estos pasos, debería poder incluir correctamente el paquete de typescript con JSDelivr.

Comments are closed.