rollup について
ライブラリやアプリをバンドルするための Rollup 設定を支援するスキルです。入力、出力形式、プラグイン、外部依存関係に加え、ソースマップやコード分割の使い方も扱います。
主な機能
- 01入力と出力の設定
- 02Rollup プラグインの設定
- 03複数形式でのライブラリのバンドル
- 04外部依存関係の管理
- 05ソースマップとコード分割の利用
活用シーン
- 01ライブラリを ESM と CJS にバンドル
- 02Rollup ビルド用プラグインの設定
- 03大規模な依存関係の外部化
- 04デバッグ用ソースマップの保持
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/rollupを入力して読み込まれたか確認します。
同梱ファイルagents/openai.yamlLICENSE.txt
詳細
このスキルを使う場面
ユーザーが以下を希望する場合は、このスキルを使用してください。
- Rollup でライブラリやアプリをバンドルする、ツリーシェイキングを行う、複数の形式（ESM/CJS）で出力する
- input、output、プラグイン、外部依存関係を設定する
このスキルの使い方
- 設定：rollup.config.js；input、output.format、output.file/dir；プラグイン（node-resolve、commonjs、terser）。
- モード：ライブラリは複数形式でバンドルします。アプリでは Vite やほかのツールと組み合わせて使用できます。
- 参考：https://rollupjs.org/
ベストプラクティス
- ライブラリでは external を宣言し、デバッグしやすいよう sourcemap を保持します。
- 大きな依存関係は外部化し、必要に応じてコード分割を使用します。
キーワード
rollup、バンドル、ESM、ツリーシェイキング
コメント
Markdown 対応