parcel について
parcel は、Parcel で Web アプリをバンドルする開発者向けのスキルです。エントリー、アセット、環境変数、出力設定を扱い、ゼロコンフィグの手順と HMR も説明します。
主な機能
- 01Parcel のバンドル手順
- 02依存関係とアセットの自動解析
- 03エントリー、環境変数、target の設定
- 04build と watch のワークフロー
活用シーン
- 01HTML または JS のエントリーからアプリをバンドル
- 02複数エントリーと build target の設定
- 03本番ビルドとキャッシュの設定
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/parcelを入力して読み込まれたか確認します。
同梱ファイルagents/openai.yamlLICENSE.txt
詳細
このスキルを使用するタイミング
ユーザーが次のことを希望する場合は、このスキルを使用してください。
- Parcel を使って Web アプリをゼロコンフィグでバンドルし、さまざまなアセットと HMR をサポートする
- エントリーポイント、環境変数、デプロイ用の出力を設定する
このスキルの使い方
- 使用：エントリー HTML または JS を指定します。parcel build/watch を実行すると、依存関係とアセットが自動的に解析されます。
- 設定：.parcelrc、環境変数、複数のエントリーポイント、target を設定します。
- 参考：https://parceljs.org/
ベストプラクティス
- エントリーポイントとアセットの構成を明確にし、本番ビルドとキャッシュを活用します。
- 大規模なプロジェクトでは、Vite/Webpack との比較を検討し、必要に応じて最適化します。
キーワード
parcel, バンドル, ゼロコンフィグ, HMR
コメント
Markdown 対応