TypeScript 패키지를 번들로 묶으려면 tsuup

TypeScript 라이브러리를 구축하고 있지만 이를 번들로 묶는 방법을 모르시나요? 쩝 추천드립니다.

제가 고려하는 요소는 다음과 같습니다.

1. NPM 레지스트리에서 매주 100만 건 이상의 다운로드를 기록하고 있습니다

2. tsup 저장소에는 활성 유지 관리가 진행 중인 8.6k개의 별이 있습니다.

3. 잘 문서화되어 있습니다.

4. shadcn-ui/ui CLI 패키지에서 사용됩니다.

5. tsup은 내부적으로 롤업을 사용합니다.

tsup 소스 코드를 살펴보니 Nodejs 작업자 스레드 관련 코드와 온갖 종류의 푸시 메시지가 있고 이를 듣고 있습니다. 이것은 공부하기에 재미있을 것입니다. 이것은 또한 번들러를 다루는 다른 영역으로 들어가게 된다는 것을 의미합니다. 아직은 잘 모르겠습니다...

shadcn-ui/ui에서 사용되는 tsup을 찾는 것은 여러 가지 방법으로 도움이 됩니다.

1. tsup이 어떻게 구현될 수 있는지 배우게 됩니다

- OSS의 구현은 문서를 더 나은 방식으로 탐색하는 데 도움이 됩니다.

- 전체 문서를 읽는 것은 좋지만 일부에게는 부담스러울 수도 있습니다.

2. shadcn-ui 소스 코드를 읽고 실제로 작동하는 모습을 확인하세요. tsup는 shadcn-ui/ui CLI 소스 코드에서 검색하면 두 위치에서 발견됩니다.

• 패키지.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",  
})

이 시점에서는 문서를 읽고 이러한 옵션이 무엇인지, 스크립트가 어떻게 구성되어 있는지 알아보겠습니다.

이렇게 하면 문서 때문에 부담을 느끼지 않고 내가 원하는 것이 무엇인지 정확히 알 수 있습니다. 이것이 문서를 가장 많이 읽고 배우기 위한 방향을 설정하는 방법입니다.

처음에는 TS 라이브러리를 번들로 묶기 위해 오픈 소스 CLI 관련 패키지에서도 이 작업을 수행했습니다.

shadcn-ui/ui를 처음부터 만드는 방법을 배우고 싶으십니까? 처음부터 새로 만들기

를 확인해 보세요.

나에 대해:

홈페이지: https://ramunarasinga.com/

링크드인: https://www.linkedin.com/in/ramu-narasinga-189361128/

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

이메일: ramu.narasinga@gmail.com

shadcn-ui/ui를 처음부터 빌드

참고자료:

1. 쩝 문서: https://tsup.egoist.dev/

2. npm: 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. 내 오픈소스 CLI 관련 프로젝트: https://github.com/Ramu-Narasinga/TThroo/blob/main/packages/cli/package.json#L35

위 내용은 TypeScript 패키지를 번들로 묶으려면 tsuup의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!