«Если рабочий хочет хорошо выполнять свою работу, он должен сначала заточить свои инструменты» — Конфуций, «Аналитики Конфуция. Лу Лингун»
титульная страница > программирование > tsup для объединения вашего пакета TypeScript

tsup для объединения вашего пакета TypeScript

Опубликовано 1 сентября 2024 г.
Просматривать:649

Вы создаете библиотеку TypeScript, но не знаете, как ее собрать? Рекомендую цуп.

Ниже приведены факторы, которые я учитываю:

1. В реестре NPM его загружают более 1 миллиона раз в неделю

2. Репозиторий tsup имеет 8,6 тысяч звезд с активным обслуживанием.

3. Хорошо документировано.

4. Используется в пакете CLI shadcn-ui/ui.

5. tsup использует накопительный пакет внутри себя.

Я посмотрел исходный код tsup. В нем есть код, связанный с рабочими потоками Nodejs, со всеми видами отправки сообщений и их прослушивания. Было бы интересно изучить это, но это также означает, что я выйду на другую арену, связанную с упаковщиками. Пока не уверен…

tsup to bundle your TypeScript package

Обнаружение использования tsup в shadcn-ui/ui поможет вам во многих отношениях:

1. Вы узнаете, как «можно» реализовать tsup

- Реализация, которую вы найдете в OSS, помогает вам лучше ориентироваться в документации.

- Чтение всей документации — это здорово, но для некоторых из нас это может быть утомительно.

2. Посмотрите это в действии, прочитав исходный код shadcn-ui. tsup можно найти в двух местах при поиске в исходном коде CLI shadcn-ui/ui:

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

На этом этапе я бы просто прочитал документацию, чтобы узнать, что это за параметры и как настраиваются сценарии.

Таким образом, я не чувствую себя перегруженным документацией и точно знаю, что ищу. Это мой способ задать направление, чтобы читать и учиться максимально эффективно из документации.

Вот как я сделал это для начала в своем пакете, связанном с CLI с открытым исходным кодом, для объединения моей библиотеки TS.

Хотите узнать, как собрать shadcn-ui/ui с нуля? Ознакомьтесь с сборкой с нуля

Обо мне:

Веб-сайт: https://ramunarasinga.com/

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

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

Электронная почта: [email protected]

Собрать shadcn-ui/ui с нуля

Ссылки:

1. документация tsup: https://tsup.egoist.dev/

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

3. Использование tsup в shadcn-ui/ui: 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

Заявление о выпуске Эта статья воспроизведена по адресу: https://dev.to/ramunarasinga/tsup-to-bundle-your-typescript-package-1ln2?1. Если есть какие-либо нарушения, свяжитесь с [email protected], чтобы удалить ее.
Последний учебник Более>

Изучайте китайский

Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.

Copyright© 2022 湘ICP备2022001581号-3