## 
`vitePreprocess`

包括 [`vitePreprocess`](https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/preprocess.md) 在您的项目中，将允许您使用 Vite 支持的各种 CSS 风格：PostCSS、SCSS、Less、Stylus 和 SugarSS。如果您使用 TypeScript 设置项目，它将默认包含：

```js
// svelte.config.js
import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';

export default {
  preprocess: [vitePreprocess()]
};
```

您在使用 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](https://sveltesociety.dev/)获取 Svelte 和 SvelteKit 可用的[包](https://sveltesociety.dev/packages)和[模板](https://sveltesociety.dev/templates)的完整列表。

## 
附加集成

### 
`سلتو-پریپرس`

`سلتو-پروسیس` دارای برخی ویژگی‌های اضافی است که در `ویت-پروسیس` یافت نمی‌شود، مانند پشتیبانی از Pug، Babel و استایل‌های جهانی. اما `ویت-پروسیس` ممکن است سریع‌تر باشد و نیاز به تنظیم کمتری داشته باشد، بنابراین به طور پیش‌فرض استفاده می‌شود. توجه داشته باشید که CoffeeScript توسط SvelteKit [پشتیبانی نمی‌شود](https://github.com/sveltejs/kit/issues/2920#issuecomment-996469815).

您需要使用 `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`](https://github.com/vitejs/awesome-vite?tab=readme-ov-file#plugins)。

## 
集成常见问题解答

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