SuperAPI AI 工具集

sveltekit-config

前端与建站

查看项目

更新于 10-16 05:47

技能介绍

用途:处理 SvelteKit 的配置、构建流水线、部署、性能、图片、无障碍、SEO、调试与迁移问题。

主要能力:选择并配置 adapter(adapter-node、adapter-static、adapter-cloudflare、adapter-netlify、adapter-vercel);用 vite build 构建、vite preview 本地预览生产版本;高级路由(rest 参数 [...rest]、可选参数 [[lang]]、匹配器 [name=type]、路由排序、文件名编码);高级布局(路由组 (group)、用 @ 跳出布局);认证集成(会话与令牌、基于 hooks 的模式);性能优化(代码分割、资源优化、避免瀑布流);图片处理(@sveltejs/enhanced-img、CDN 加载、picture/img 模式);无障碍(路由播报、焦点管理、lang 属性);SEO(标题、meta、sitemap、JSON-LD);断点调试(VS Code、Chrome DevTools);从 SvelteKit v1 或 Sapper 迁移。

使用方式:adapter 在 svelte.config.js 的 kit.adapter 中配置;构建时用 building(来自 $app/environment)守卫不应在构建期运行的代码;构建后运行 vite preview 或 npm run preview 本地测试。环境变量优先用 $env/static/private。

限制:vite preview 运行在 Node 中,不模拟 adapter 特有行为,Cloudflare 等平台需用 wrangler dev 等 CLI 测试;adapter-auto 仅适合零配置原型,确定目标后应显式安装对应 adapter;Cloudflare Workers 有包体积限制;SvelteKit v2 要求 Node 18.13+;ISR 对 prerender 路由无效;adapter-cloudflare-workers 已弃用。其余细节暂未提供。