Integrations

vitePreprocess

包括 vitePreprocess 在您的项目中，将允许您使用 Vite 支持的各种 CSS 风格：PostCSS、SCSS、Less、Stylus 和 SugarSS。如果您使用 TypeScript 设置项目，它将默认包含：

// svelte.config.js
import { function vitePreprocess(opts?: VitePreprocessOptions): import("svelte/compiler").PreprocessorGroupvitePreprocess } from '@sveltejs/vite-plugin-svelte';

export default {
  preprocess: PreprocessorGroup[]preprocess: [function vitePreprocess(opts?: VitePreprocessOptions): import("svelte/compiler").PreprocessorGroupvitePreprocess()]
};

您在使用 Svelte 4 与 TypeScript 时也需要使用预处理器。如果仅使用类型语法，Svelte 5 原生支持 TypeScript。要在 Svelte 5 中使用更复杂的 TypeScript 语法，您仍然需要一个预处理器，并可以使用 vitePreprocess({ script: true }) 。

Adders

运行 npx sv add 以通过单个命令设置许多不同的复杂集成，包括：

• prettier（格式化）
• eslint（代码风格检查）
• vitest（单元测试）
• playwright（端到端测试）
• lucia (认证)
• tailwind (CSS)
• drizzle (DB)
• 滑翔伞（国际化）
• mdsvex（Markdown）
• 故事书（前端工作坊）

目录

查看sveltesociety.dev获取 Svelte 和 SvelteKit 可用的包和模板的完整列表。

附加集成

سلتو-پریپرس

سلتو-پروسیس دارای برخی ویژگی‌های اضافی است که در ویت-پروسیس یافت نمی‌شود، مانند پشتیبانی از Pug، Babel و استایل‌های جهانی. اما ویت-پروسیس ممکن است سریع‌تر باشد و نیاز به تنظیم کمتری داشته باشد، بنابراین به طور پیش‌فرض استفاده می‌شود. توجه داشته باشید که CoffeeScript توسط SvelteKit پشتیبانی نمی‌شود.

您需要使用 npm install --save-dev svelte-preprocess 安装svelte-preprocess，并将其添加到您的svelte.config.js中。之后，您通常需要安装相应的库，例如npm install -D sass或npm install -D less。

Vite 插件

由于 SvelteKit 项目是用 Vite 构建的，您可以使用 Vite 插件来增强您的项目。请查看可用的插件列表，见 vitejs/awesome-vite。

集成常见问题解答

《SvelteKit 常见问题解答》回答了关于如何使用 SvelteKit 进行 X 操作的许多问题，如果您还有疑问，这可能很有帮助。