svelte-deployment について
Svelte 開発者向けのデプロイ手順をまとめたスキルです。アダプターの選択に加え、静的サイト、Node サーバー、Cloudflare の設定を扱います。
主な機能
- 01静的サイト、Node、Cloudflare 向けアダプター設定
- 02pnpm 10+ の prepare スクリプト案内
- 03Vite 7 のパッケージ組み合わせ
- 04PWA とパッケージ公開の参考資料
活用シーン
- 01デプロイ先に合わせた SvelteKit アダプターの選択
- 02pnpm 10+ の設定手順の確認
- 03Cloudflare のストリーミング問題の確認
- 04Svelte パッケージ公開の準備
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ spences10/ svelte-skills-kit --skill svelte-deploymentインストール後、Claude Code で/svelte-deploymentを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/cloudflare-gotchas.mdlibrary-authoring.mdpwa-setup.md詳細
Svelte のデプロイ
クイックスタート
pnpm 10 以降: prepare スクリプトを追加します(postinstall はデフォルトで無効です)。
{
"scripts": {
"prepare": "svelte-kit sync"
}
}
Vite 7: 両方のパッケージを同時に更新します。
pnpm add -D vite@7 @sveltejs/vite-plugin-svelte@6
アダプター
# Static site
pnpm add -D @sveltejs/adapter-static
# Node server
pnpm add -D @sveltejs/adapter-node
# Cloudflare
pnpm add -D @sveltejs/adapter-cloudflare
参考ファイル
- library-authoring.md - Svelte パッケージの公開
- pwa-setup.md - workbox を使用したオフラインファーストの設定
- cloudflare-gotchas.md - ストリーミングの問題
注意事項
- Cloudflare は
Transfer-Encoding: chunkedを削除することがあります(ストリーミングが機能しなくなります) - ライブラリの作成者:キーワードと
peerDependenciesの両方にsvelteを含めます - 単一ファイルのバンドル:
kit.output.bundleStrategy: 'single' - 最終確認日: 2025-01-14
コメント
Markdown 対応