整合

預處理器永久連結

預處理器會在傳遞給編譯器之前轉換您的 .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 可能更快且需要較少的設定，因此預設使用它。請注意，SvelteKit 不支援 CoffeeScript。

您需要使用 npm install --save-dev svelte-preprocess 安裝 svelte-preprocess，並 將其新增到 svelte.config.js。之後，您通常需要 安裝對應的函式庫，例如 npm install -D sass 或 npm install -D less。

Adderspermalink

Svelte Adders 讓您可以使用單一指令設定許多不同的複雜整合，例如 Tailwind、PostCSS、Storybook、Firebase、GraphQL、mdsvex 等。請參閱 sveltesociety.dev 以取得可與 Svelte 和 SvelteKit 搭配使用的範本、元件和工具的完整清單。

Vite 外掛程式permalink

由於 SvelteKit 專案是使用 Vite 建置的，因此您可以使用 Vite 外掛程式來增強您的專案。在 vitejs/awesome-vite 中查看可用外掛程式的清單。

整合常見問題permalink

SvelteKit 常見問題集有一個 如何使用 X 與 SvelteKit，如果您仍有疑問，這可能會有所幫助。