bun-build について
bun-buildは、BunでJavaScriptまたはTypeScriptのエントリーポイントをバンドルし、単体実行ファイルにコンパイルするスキルです。圧縮、ソースマップ、browser・Bun・Node.js向けのビルドに対応します。
主な機能
- 01JavaScriptとTypeScriptのバンドル
- 02単体実行ファイルへのコンパイル
- 03ビルド出力の圧縮
- 04ソースマップの生成
- 05browser・Bun・Node.jsターゲットの選択
- 06生成ファイルとサイズの確認
活用シーン
- 01エントリーポイントから本番用バンドルを作成
- 02アプリを実行ファイルにコンパイル
- 03browser・Bun・Node.js向けにビルド
- 04ビルド後のファイルとサイズを確認
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ laurigates/ claude-plugins --skill bun-buildインストール後、Claude Code で/bun-buildを入力して読み込まれたか確認します。
詳細
/bun:build
JavaScript/TypeScript をバンドルするか、スタンドアロン実行ファイルにコンパイルします。
このスキルを使用する場面
| シナリオ | このスキルを使用 | 代替手段 |
|---|---|---|
| エントリーポイントをすばやく本番用にバンドルする | はい | 該当なし |
| スタンドアロン実行ファイルにコンパイルする | はい | 該当なし |
| 特定のターゲット(browser/bun/node)向けにビルドする | はい | 該当なし |
| 複雑なビルドパイプラインを設定する | いいえ - bun-development を使用 | ビルド設定に関する包括的なガイダンス |
プロジェクトのビルドスクリプト(bun run build)を実行する | いいえ - bun-development を使用 | 該当なし |
パラメーター
entry(必須):エントリーポイントのファイル--compile:スタンドアロン実行ファイルを作成します--minify:出力を圧縮します
実行
本番用バンドル:
bun build $ENTRY --outdir=dist --minify --sourcemap=external
スタンドアロン実行ファイル:
bun build --compile --minify $ENTRY --outfile={{ OUTFILE | default: "app" }}
開発用バンドル:
bun build $ENTRY --outdir=dist --sourcemap=inline
ビルドターゲット
# Browser (default)
bun build $ENTRY --target=browser --outdir=dist
# Bun runtime
bun build $ENTRY --target=bun --outdir=dist
# Node.js
bun build $ENTRY --target=node --outdir=dist
ビルド後
- 出力ファイルのサイズを報告します
- 出力ディレクトリに生成されたファイルを一覧表示します
- --compile の場合:
./app --helpなどを実行し、実行ファイルが動作することを確認します
コメント
Markdown 対応