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 verfügt über 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 Arten von 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, sich besser in den Dokumenten zurechtzufinden.

- 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 Quellcode der shadcn-ui/ui-CLI 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 an Build-from-Scratch

Über mich:

Website: https://ramunarasinga.com/

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

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

E-Mail: [email protected]

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-Nutzung 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