"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"
Página delantera > Programación > tsup para agrupar su paquete TypeScript

tsup para agrupar su paquete TypeScript

Publicado el 2024-09-01
Navegar:304

¿Estás creando una biblioteca de TypeScript pero no estás seguro de cómo empaquetarla? Recomiendo tsup.

A continuación se detallan los factores que considero:

1. Tiene más de 1 millón de descargas por semana en el registro de NPM

2. El repositorio tsup tiene 8,6k estrellas con mantenimiento activo.

3. Bien documentado.

4. Utilizado en el paquete CLI shadcn-ui/ui.

5. tsup usa rollup internamente.

Miré el código fuente de tsup. Tiene código relacionado con subprocesos de trabajo de Nodejs con todo tipo de mensajes enviados y escuchándolos. Sería divertido estudiar esto y también significa que estaría entrando en un ámbito diferente al tratar con paquetes. Aún no estoy seguro…

tsup to bundle your TypeScript package

Encontrar el uso de tsup en shadcn-ui/ui te ayuda de muchas maneras:

1. Podrás aprender cómo “se puede” implementar tsup

- La implementación que encuentras en OSS te ayuda a navegar mejor por los documentos.

- Leer los documentos completos es genial, pero puede resultar abrumador para algunos de nosotros.

2. Véalo en acción leyendo el código fuente de shadcn-ui. tsup se encuentra en dos lugares cuando lo busca en el código fuente CLI de shadcn-ui/ui:

  • paquete.json
"scripts": {  
 "dev": "tsup - watch",  
 "build": "tsup",
  • tsup.config.ts
import { defineConfig } from "tsup"  

export default defineConfig({  
 clean: true,  
 dts: true,  
 entry: \["src/index.ts"\],  
 format: \["esm"\],  
 sourcemap: true,  
 minify: true,  
 target: "esnext",  
 outDir: "dist",  
})

En este punto, simplemente leería los documentos para saber cuáles son estas opciones y cómo se configuran los scripts.

De esta manera no me siento abrumado con los documentos y sé exactamente lo que estoy buscando. Esta es mi forma de establecer una dirección para leer y aprender al máximo de los documentos.

Para empezar, así es como lo hice también en mi paquete relacionado con CLI de código abierto para agrupar mi biblioteca TS.

¿Quieres aprender a crear shadcn-ui/ui desde cero? Consulte compilación desde cero

Acerca de mí:

Sitio web: https://ramunarasinga.com/

Linkedin: https://www.linkedin.com/in/ramu-narasinga-189361128/

Github: https://github.com/Ramu-Narasinga

Correo electrónico: [email protected]

Crea shadcn-ui/ui desde cero

Referencias:

1. Documentos de tsup: https://tsup.egoist.dev/

2. npm: https://www.npmjs.com/package/tsup

3. uso de tsup en shadcn-ui/ui: https://github.com/shadcn-ui/ui/blob/main/packages/cli/package.json#L33

4. Mi proyecto relacionado con CLI de código abierto: https://github.com/Ramu-Narasinga/TTroo/blob/main/packages/cli/package.json#L35

Declaración de liberación Este artículo se reproduce en: https://dev.to/ramunarasinga/tsup-to-bundle-your-typescript-package-1ln2?1 Si hay alguna infracción, comuníquese con [email protected] para eliminarla.
Último tutorial Más>

Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.

Copyright© 2022 湘ICP备2022001581号-3