tsup, um Ihr TypeScript-Paket zu bündeln

Erstellen Sie eine TypeScript-Bibliothek, sind sich aber nicht sicher, wie Sie diese bündeln sollen? Ich empfehle tsup.

Im Folgenden sind die Faktoren aufgeführt, die ich berücksichtige:

1. Es gibt über 1 Million Downloads pro Woche in der NPM-Registrierung

2. Das Tsup-Repository hat 8,6.000 Sterne mit aktiver Wartung.

3. Gut dokumentiert.

4. Wird im CLI-Paket shadcn-ui/ui verwendet.

5. tsup verwendet Rollup intern.

Ich habe mir den tsup-Quellcode angesehen. Er enthält Nodejs-Worker-Threads-bezogenen Code mit allen möglichen Push-Nachrichten und dem Abhören dieser. Es würde Spaß machen, das zu studieren, und das bedeutet auch, dass ich einen anderen Bereich betreten würde, in dem ich mich mit Bundlern befasse. Noch nicht sicher…

Die Verwendung von tsup in shadcn-ui/ui hilft Ihnen in vielerlei Hinsicht:

1. Sie erfahren, wie Tsup umgesetzt werden „kann“

- Die Implementierung in OSS hilft Ihnen, besser durch die Dokumente zu navigieren.

- Das Lesen der gesamten Dokumentation ist cool, kann aber für einige von uns überwältigend sein.

2. Sehen Sie es in Aktion, indem Sie den Quellcode von shadcn-ui lesen. tsup wird an zwei Stellen gefunden, wenn Sie im shadcn-ui/ui-CLI-Quellcode danach suchen:

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

An dieser Stelle würde ich einfach die Dokumentation lesen, um zu erfahren, was diese Optionen sind und wie die Skripte konfiguriert sind.

Auf diese Weise fühle ich mich nicht mit den Dokumenten überfordert und weiß genau, wonach ich suche. Auf diese Weise gebe ich eine Richtung vor, um die Dokumente optimal zu lesen und daraus zu lernen.

So habe ich es zunächst auch in meinem Open-Source-CLI-bezogenen Paket gemacht, um meine TS-Bibliothek zu bündeln.

Möchten Sie lernen, wie man shadcn-ui/ui von Grund auf erstellt? Schauen Sie sich Build-from-Scratch

an

Über mich:

Website: https://ramunarasinga.com/

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

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

E-Mail: ramu.narasinga@gmail.com

Shadcn-ui/ui von Grund auf erstellen

Referenzen:

1. Tsup-Dokumente: https://tsup.egoist.dev/

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

3. tsup-Verwendung in shadcn-ui/ui: https://github.com/shadcn-ui/ui/blob/main/packages/cli/package.json#L33

4. Mein Open-Source-CLI-bezogenes Projekt: https://github.com/Ramu-Narasinga/TThroo/blob/main/packages/cli/package.json#L35

Das obige ist der detaillierte Inhalt vontsup, um Ihr TypeScript-Paket zu bündeln. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!