"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > tsup para agrupar seu pacote TypeScript

tsup para agrupar seu pacote TypeScript

Publicado em 01/09/2024
Navegar:263

Você está construindo uma biblioteca TypeScript, mas não sabe como agrupá-la? Eu recomendo tsup.

Abaixo estão os fatores que considero:

1. Possui mais de 1 milhão de downloads por semana no registro NPM

2. O repositório tsup tem 8,6 mil estrelas com manutenção ativa.

3. Bem documentado.

4. Usado no pacote CLI shadcn-ui/ui.

5. tsup usa rollup internamente.

Eu olhei o código-fonte do tsup. Ele tem código relacionado aos threads de trabalho do Nodejs com todos os tipos de mensagens enviadas e escutadas. Seria divertido estudar isso, mas também significa que eu estaria entrando em uma área diferente ao lidar com empacotadores. Ainda não tenho certeza…

tsup to bundle your TypeScript package

Encontrar o tsup sendo usado no shadcn-ui/ui ajuda você de várias maneiras:

1. Você aprenderá como o tsup “pode” ser implementado

- A implementação que você encontra no OSS ajuda você a navegar melhor pelos documentos.

- Ler a documentação inteira é legal, mas pode ser cansativo para alguns de nós.

2. Veja-o em ação lendo o código-fonte do shadcn-ui. tsup é encontrado em dois lugares quando você o procura no código-fonte da CLI shadcn-ui/ui:

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

Neste ponto, eu simplesmente leria a documentação para saber quais são essas opções e como os scripts são configurados.

Assim não me sinto sobrecarregado com a documentação e sei exatamente o que procuro. Esta é a minha maneira de definir uma direção para ler e aprender ao máximo com os documentos.

Foi assim que fiz isso também em meu pacote relacionado à CLI de código aberto para agrupar minha biblioteca TS, para começar.

Quer aprender como construir shadcn-ui/ui do zero? Confira construir do zero

Sobre mim:

Site: https://ramunarasinga.com/

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

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

E-mail: [email protected]

Construa shadcn-ui/ui do zero

Referências:

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

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

3. uso de tsup em shadcn-ui/ui: https://github.com/shadcn-ui/ui/blob/main/packages/cli/package.json#L33

4. Meu projeto relacionado à CLI de código aberto: https://github.com/Ramu-Narasinga/TThroo/blob/main/packages/cli/package.json#L35

Declaração de lançamento Este artigo foi reproduzido em: https://dev.to/ramunarasinga/tsup-to-bundle-your-typescript-package-1ln2?1 Se houver alguma violação, entre em contato com [email protected] para excluí-la
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3