tsdown について
tsdown は Rolldown と Oxc を基盤とする TypeScript バンドラーで、tsup の置き換えとして使えます。このスキルは、TypeScript ライブラリや npm パッケージを構築する開発者に、設定、出力形式、応用機能を案内します。
主な機能
- 01TypeScript プロジェクトのバンドル
- 02.d.ts 宣言ファイルの生成
- 03ESM と CJS 形式での出力
- 04ウォッチモードでの実行
- 05設定と移行ガイドの参照
活用シーン
- 01TypeScript ライブラリのビルドと公開
- 02npm パッケージ用の型宣言生成
- 03Vue または React コンポーネントライブラリのバンドル設定
- 04tsup からビルド設定を移行
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ onmax/ nuxt-skills --skill tsdownインストール後、Claude Code で/tsdownを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/advanced.mdconfig.mdfeatures.mdoutput.md詳細
tsdown
Rolldown と Oxc を活用した TypeScript バンドラーです。tsup のドロップイン置換として使えます。
使用する場面
- TypeScript ライブラリのビルド
- .d.ts 宣言の生成
- npm パッケージの公開
- ESM/CJS 両方の出力
- Vue/React コンポーネントライブラリ
クイックスタート
npm i -D tsdown typescript
// tsdown.config.ts
import { defineConfig } from 'tsdown'
export default defineConfig({
entry: 'src/index.ts',
format: 'esm',
dts: true,
exports: true,
})
tsdown # Build
tsdown --watch # Watch mode
リファレンスファイル
| タスク | ファイル |
|---|---|
| 設定ファイル、CLI、エントリーポイント | config.md |
| フォーマット、ターゲット、dts、エクスポート、検証 | output.md |
| シム、アンバンドル、ウォッチ、フレームワーク、WASM | features.md |
| プラグイン、フック、リンティング、プログラムからの利用、移行 | advanced.md |
ファイルの読み込み
タスクに応じて、次のリファレンスファイルを読み込んでください。
- references/config.md - tsdown.config.ts、CLI、またはエントリーポイントを設定する場合
- references/output.md - 出力形式、ターゲット、.d.ts、エクスポート、または検証を設定する場合
- references/features.md - シム、アンバンドル、ウォッチモード、フレームワーク連携、または WebAssembly を使用する場合
- references/advanced.md - プラグインの作成、リンティング/検証、プログラム API の利用、または tsup からの移行を行う場合
すべてのファイルを一度に読み込まないでください。 現在のタスクに関連するものだけを読み込んでください。
関連スキル
- ライブラリのパターン →
ts-libraryスキルを使用 - Vue コンポーネントライブラリ →
vueスキルを使用 - パッケージ管理 →
pnpmスキルを使用
コメント
Markdown 対応