mcpField
S
svelte-deployment

svelte-deployment

github.com/spences10クラウド・DevOps1680 回インストール15 週間前に更新
リポジトリ

svelte-deployment について

SvelteおよびSvelteKitプロジェクトのデプロイと設定を支援するスキルです。アプリ開発者やSvelteパッケージ作成者向けに、アダプター選択、Vite設定、pnpmの準備スクリプト、ストリーミング時の注意点を扱います。

主な機能

  1. 01SvelteKitとViteの設定例
  2. 02静的サイト、Node、Cloudflareのアダプター解説
  3. 03pnpm 10以降のprepare設定
  4. 04Cloudflareのストリーミング問題の注意
  5. 05パッケージ公開とPWAの参考項目

活用シーン

  1. 01SvelteKitプロジェクトのデプロイアダプター選択
  2. 02pnpm 10以降を使うプロジェクトの設定
  3. 03Cloudflareデプロイ時のストリーミング問題の調査

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/spences10/skills --skill svelte-deployment

インストール後、Claude Code で/svelte-deploymentを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/
cloudflare-gotchas.md
library-authoring.md
pwa-setup.md

詳細

Svelte のデプロイ

クイックスタート

SvelteKit の設定： Kit のオプションは vite.config.ts の sveltekit({ ... }) に記述することを推奨します。Kit 2 では svelte.config.js は任意ですが、Kit 3 では読み込まれません。

pnpm 10 以降： prepare スクリプトを追加してください（postinstall はデフォルトで無効です）。

{
	"scripts": {
		"prepare": "svelte-kit sync"
	}
}

Vite の設定例：

// vite.config.ts
import { sveltekit } from '@sveltejs/kit/vite';
import adapter from '@sveltejs/adapter-vercel';
import { defineConfig } from 'vite';

export default defineConfig({
	plugins: [
		sveltekit({
			adapter: adapter(),
			compilerOptions: { experimental: { async: true } },
			experimental: { remoteFunctions: true }
		})
	]
});

アダプター

# Static site
pnpm add -D @sveltejs/adapter-static

# Node server
pnpm add -D @sveltejs/adapter-node

# Cloudflare
pnpm add -D @sveltejs/adapter-cloudflare

参考ファイル

注意事項

  • Cloudflare は Transfer-Encoding: chunked を削除する場合があります（ストリーミングが機能しなくなります）。
  • ライブラリーの作成者は、キーワードと peerDependencies の両方に svelte を含めてください。
  • 単一ファイルのバンドル：kit.output.bundleStrategy: 'single'
  • VS Code／svelte-check／SvelteKit は、@sveltejs/load-config を介して Vite プラグインから Kit の設定を読み込めます。
  • 最終確認日： 2026-06-08

コメント

Markdown 対応