tsup
— это инструмент сборки TypeScript на основе Rollup, который может упаковывать код TypeScript в один файл JavaScript. Вы можете использовать tsup.config.js
файлы для настройки tsup
поведения.
Вот некоторые часто используемые tsup.config.js
параметры конфигурации:
-
entry
: указывает путь к файлу ввода TypeScript. Например,entry: 'src/index.ts'
. -
format
: указывает формат выходного файла JavaScript. Может бытьesm
(модуль ES),cjs
(CommonJS) илиiife
(немедленно вызываемое функциональное выражение). Например,format: 'esm'
. Ключевым моментом здесь является то, что модуль ES использует ключевые словаimport
иexport
для импорта и экспорта модулей, а CommonJS используетrequire
иmodule.exports
для импорта и экспорта модулей. Если упакованный js не может быть выполнен, перейдите на другой метод упаковки. -
target
: указывает целевую версию скомпилированного кода JavaScript. Может бытьes5
,es6
,es2015
,es2016
,es2017
,es2018
,es2019
,es2020
,es2021
илиlatest
. Например,target: 'es5'
. -
minify
: Указывает, сжимать ли выходной код JavaScript. Можноtrue
илиfalse
. Например,minify: true
. -
outFile
: указывает путь к выходному файлу JavaScript. Например,outFile: 'dist/bundle.js'
. -
watch
: указывает, следует ли включить мониторинг изменений файлов. Можноtrue
илиfalse
. Например,watch: true
. -
dts
: Указывает, создавать ли.d.ts
файл объявления. Можноtrue
илиfalse
. Например,dts: true
. -
external
: указывает, какие модули следует считать внешними и не включать в выходной файл JavaScript. Например,external: ['react', 'react-dom']
. -
plugins
: указывает подключаемый модуль Rollup для использования. Например,plugins: [myPlugin()]
.
Вот и все, конец!