tsup pour regrouper votre package TypeScript

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

Voici les facteurs que je considère :

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 les écoutant. 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…

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

1. Vous apprenez 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é de docs 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 Internet : https://ramunarasinga.com/

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

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

Email : ramu.narasinga@gmail.com

Construisez 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 open source lié à la CLI : https://github.com/Ramu-Narasinga/TThroo/blob/main/packages/cli/package.json#L35

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!