集成

预处理器永久链接

预处理器在将 .svelte 文件传递给编译器之前对其进行转换。例如，如果 .svelte 文件使用 TypeScript 和 PostCSS，则必须先将其转换为 JavaScript 和 CSS，以便 Svelte 编译器可以处理它。有许多 可用的预处理器。Svelte 团队维护了下面讨论的两个官方预处理器。

vitePreprocess永久链接

vite-plugin-svelte 提供了一个 vitePreprocess 特性，它利用 Vite 进行预处理。它能够处理 Vite 处理的语言风格：TypeScript、PostCSS、SCSS、Less、Stylus 和 SugarSS。如果你使用 TypeScript 设置项目，它将默认包含在内

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

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

svelte-preprocess永久链接

svelte-preprocess 有一些 vitePreprocess 中没有的附加功能，例如对 Pug、Babel 和全局样式的支持。但是，vitePreprocess 可能更快，需要更少的配置，因此默认使用它。请注意，CoffeeScript 不受 SvelteKit 支持。

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

添加器永久链接

Svelte 添加器 允许你使用单个命令设置许多不同的复杂集成，例如 Tailwind、PostCSS、Storybook、Firebase、GraphQL、mdsvex 等。请参阅 sveltesociety.dev，以获取可用于 Svelte 和 SvelteKit 的模板、组件和工具的完整列表。

Vite 插件永久链接

由于 SvelteKit 项目是使用 Vite 构建的，因此你可以使用 Vite 插件来增强项目。请参阅 vitejs/awesome-vite 上的可用插件列表。

集成常见问题解答永久链接

SvelteKit 常见问题解答中有一个 如何使用 X 与 SvelteKit，如果你还有疑问，这可能会有所帮助。