क्या आप एक टाइपस्क्रिप्ट लाइब्रेरी बना रहे हैं लेकिन यह निश्चित नहीं है कि इसे कैसे बंडल किया जाए? मैं tsup की अनुशंसा करता हूं।

नीचे वे कारक हैं जिन पर मैं विचार करता हूं:

1. एनपीएम रजिस्ट्री पर इसके प्रति सप्ताह 1 मिलियन से अधिक डाउनलोड हैं

2. tsup रिपॉजिटरी में सक्रिय रखरखाव के साथ 8.6k सितारे हैं।

3. अच्छी तरह से प्रलेखित।

4. shadcn-ui/ui CLI पैकेज में प्रयुक्त।

5. tsup आंतरिक रूप से रोलअप का उपयोग करता है।

मैंने tsup स्रोत कोड को देखा, इसमें सभी प्रकार के संदेशों को पुश करने और उन्हें सुनने के लिए Nodejs वर्कर थ्रेड से संबंधित कोड है। इसका अध्ययन करना मजेदार होगा, इसका मतलब यह भी है कि मैं बंडलर्स से निपटने के एक अलग क्षेत्र में कदम रखूंगा। अभी निश्चित नहीं...

shadcn-ui/ui में उपयोग किए जा रहे tsup को ढूंढने से आपको कई तरह से मदद मिलती है:

1. आपको यह सीखने को मिलेगा कि tsup "कैसे" लागू किया जा सकता है

- ओएसएस में आपको मिलने वाला कार्यान्वयन आपको दस्तावेज़ों को बेहतर तरीके से नेविगेट करने में मदद करता है।

- संपूर्ण दस्तावेज़ पढ़ना अच्छा है लेकिन हममें से कुछ के लिए यह भारी पड़ सकता है।

2. shadcn-ui स्रोत कोड को पढ़कर इसे क्रियान्वित होते हुए देखें। जब आप इसे shadcn-ui/ui CLI स्रोत कोड में खोजते हैं तो tsup दो स्थानों पर पाया जाता है:

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

इस बिंदु पर, मैं यह जानने के लिए दस्तावेज़ों को पढ़ूंगा कि ये विकल्प क्या हैं और स्क्रिप्ट कैसे कॉन्फ़िगर की जाती हैं।

इस तरह मैं दस्तावेज़ों से अभिभूत महसूस नहीं करता हूं और मुझे ठीक-ठीक पता है कि मैं क्या ढूंढ रहा हूं। दस्तावेज़ों को पढ़ने और उनसे सबसे अधिक सीखने के लिए दिशा निर्धारित करने का यह मेरा तरीका है।

शुरुआत में मैंने अपनी टीएस लाइब्रेरी को बंडल करने के लिए अपने ओपन सोर्स सीएलआई संबंधित पैकेज में भी ऐसा ही किया।

क्या आप सीखना चाहते हैं कि शुरुआत से shadcn-ui/ui कैसे बनाएं? जांचें बिल्ड-फ्रॉम-स्क्रैच

मेरे बारे में:

वेबसाइट: https://ramunarasinga.com/

लिंक्डइन: https://www.linkedin.com/in/ramu-narasinga-189361128/

जीथब: https://github.com/Ramu-Narasinga

ईमेल: [email protected]

स्क्रैच से shadcn-ui/ui बनाएं

सन्दर्भ:

1. tsup दस्तावेज़: https://tsup.egoist.dev/

2. एनपीएम: https://www.npmjs.com/package/tsup

3. shadcn-ui/ui में tsup का उपयोग: https://github.com/shadcn-ui/ui/blob/main/packages/cli/package.json#L33

4. मेरा ओपन सोर्स सीएलआई संबंधित प्रोजेक्ट: https://github.com/Ramu-Narasinga/TThroo/blob/main/packages/cli/package.json#L35