"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > tsup pour regrouper votre package TypeScript

tsup pour regrouper votre package TypeScript

Publié le 2024-09-01
Parcourir:752

Vous créez une bibliothèque TypeScript mais vous ne savez pas comment la regrouper ? Je recommande tsup.

Voici les facteurs que je prends en compte :

1. Il compte plus d'un million de téléchargements par semaine sur le registre NPM

2. Le référentiel tsup compte 8,6 000 étoiles avec maintenance active.

3. Bien documenté.

4. Utilisé dans le package CLI shadcn-ui/ui.

5. tsup utilise le rollup en interne.

J'ai regardé le code source de tsup, il contient du code lié aux threads de travail Nodejs avec toutes sortes de messages poussés et de les écouter. Ce serait amusant à étudier, cela signifie également que j'entrerais dans une arène différente en matière de bundlers. Je ne suis pas encore sûr…

tsup to bundle your TypeScript package

Trouver tsup utilisé dans shadcn-ui/ui vous aide de plusieurs manières :

1. Vous apprendrez comment tsup « peut » être mis en œuvre

- L'implémentation que vous trouvez dans OSS vous aide à mieux naviguer dans les documents.

- Lire l'intégralité de la documentation est cool mais cela peut être écrasant pour certains d'entre nous.

2. Voyez-le en action en lisant le code source de shadcn-ui. tsup se trouve à deux endroits lorsque vous le recherchez dans le code source de la CLI shadcn-ui/ui :

  • package.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",  
})

À ce stade, j'irais simplement lire la documentation pour savoir quelles sont ces options et comment les scripts sont configurés.

De cette façon, je ne me sens pas submergé par la documentation et je sais exactement ce que je recherche. C'est ma façon de définir une direction pour lire et tirer le meilleur parti des documents.

C'est également ainsi que je l'ai fait dans mon package lié à la CLI open source pour regrouper ma bibliothèque TS, pour commencer.

Vous voulez apprendre à créer shadcn-ui/ui à partir de zéro ? Découvrez construire à partir de zéro

Sur moi:

Site Web : https://ramunarasinga.com/

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

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

E-mail : [email protected]

Créer shadcn-ui/ui à partir de zéro

Références :

1. Documents tsup : https://tsup.egoist.dev/

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

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

4. Mon projet lié à la CLI open source : https://github.com/Ramu-Narasinga/TThroo/blob/main/packages/cli/package.json#L35

Déclaration de sortie Cet article est reproduit sur : https://dev.to/ramunarasinga/tsup-to-bundle-your-typescript-package-1ln2?1 En cas de violation, veuillez contacter [email protected] pour le supprimer.
Dernier tutoriel Plus>

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3