tsup untuk menggabungkan pakej TypeScript anda

WBOY
Lepaskan: 2024-07-24 13:15:31
asal
803 orang telah melayarinya

Adakah anda sedang membina perpustakaan TypeScript tetapi tidak pasti cara untuk menggabungkannya? Saya syorkan tsup.

Di bawah ialah faktor yang saya anggap:

1. Ia mempunyai lebih 1J muat turun setiap minggu pada pendaftaran NPM

2. repositori tsup mempunyai 8.6k bintang dengan penyelenggaraan aktif.

3. Didokumentasikan dengan baik.

4. Digunakan dalam pakej shadcn-ui/ui CLI.

5. tsup menggunakan rollup secara dalaman.

Saya melihat kod sumber tsup, Ia mempunyai kod berkaitan benang pekerja Nodejs dengan pelbagai jenis mesej menolak dan mendengarnya. Ini akan menjadi menyeronokkan untuk belajar, ini juga bermakna saya akan melangkah ke arena berbeza yang berurusan dengan pengikat. Belum pasti lagi…

tsup to bundle your TypeScript package

Mencari tsup yang digunakan dalam shadcn-ui/ui membantu anda dalam pelbagai cara:

1. Anda dapat mempelajari cara tsup “boleh” dilaksanakan

- Pelaksanaan yang anda temui dalam OSS membantu anda menavigasi dokumen dengan cara yang lebih baik.

- Membaca keseluruhan dokumen adalah menarik tetapi ia boleh membebankan sesetengah daripada kita.

2. Lihat ia dalam tindakan dengan membaca kod sumber shadcn-ui. tsup ditemui di dua tempat apabila anda mencarinya dalam kod sumber CLI shadcn-ui/ui:

  • package.json
"scripts": {  
 "dev": "tsup - watch",  
 "build": "tsup",
Salin selepas log masuk
  • 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",  
})
Salin selepas log masuk

Pada ketika ini, saya hanya akan membaca dokumen untuk mengetahui pilihan ini dan cara skrip dikonfigurasikan.

Dengan cara ini, saya tidak berasa tertekan dengan dokumen dan saya tahu apa yang saya cari. Ini adalah cara saya menetapkan arah untuk membaca dan belajar sepenuhnya daripada dokumen.

Beginilah cara saya melakukannya juga dalam pakej berkaitan CLI sumber terbuka saya untuk menggabungkan perpustakaan TS saya, sebagai permulaan.

Ingin belajar cara membina shadcn-ui/ui dari awal? Lihat bina-dari-conteng

tentang saya:

Laman web: https://ramunarasinga.com/

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

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

E-mel: ramu.narasinga@gmail.com

Bina shadcn-ui/ui dari awal

Rujukan:

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

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

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

4. Projek berkaitan CLI sumber terbuka saya: https://github.com/Ramu-Narasinga/TThroo/blob/main/packages/cli/package.json#L35

Atas ialah kandungan terperinci tsup untuk menggabungkan pakej TypeScript anda. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!