mcpField
S
svelte-deployment

svelte-deployment

github.com/spences10云与 DevOps1680 次安装15 周前更新
代码仓库

关于 svelte-deployment

为 Svelte 与 SvelteKit 项目提供部署和配置指导的技能，面向应用开发者及 Svelte 包作者。内容涵盖适配器选择、Vite 配置、pnpm 准备脚本，以及流式传输等部署注意事项。

主要功能

  1. 01提供 SvelteKit 与 Vite 配置示例
  2. 02说明静态、Node 与 Cloudflare 适配器
  3. 03介绍 pnpm 10+ 准备脚本配置
  4. 04提示 Cloudflare 流式传输问题
  5. 05提供包发布与 PWA 参考主题

适用场景

  1. 01为 SvelteKit 项目选择部署适配器
  2. 02配置使用 pnpm 10+ 的项目
  3. 03排查 Cloudflare 部署中的流式传输问题

安装

复制下面的命令，在终端中运行。

$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 配置： 优先通过 vite.config.ts 中的 sveltekit({ ... }) 配置 Kit 选项。在 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（导致流式传输中断）
  • 库作者：将 svelte 添加到 keywords 和 peerDependencies 中
  • 单文件包：kit.output.bundleStrategy: 'single'
  • VS Code/svelte-check/SvelteKit 可通过 @sveltejs/load-config 从 Vite 插件读取 Kit 配置。
  • 最后验证日期： 2026-06-08

评论

支持 Markdown