SvelteKit建置和部署

建置你的應用程式

建置 SvelteKit 應用程式分為兩個階段，這兩個階段都會在您執行 vite build 時發生（通常透過 npm run build）。

首先，Vite 會建立您的伺服器程式碼、瀏覽器程式碼和 Service Worker（如果您有的話）的優化生產版本。如果適當，預先渲染將在此階段執行。

其次，一個轉接器會取得這個生產版本，並針對您的目標環境進行調整 — 更多相關資訊請見後續頁面。

在建置期間

SvelteKit 將在建置期間載入您的 +page/layout(.server).js 檔案（以及它們匯入的所有檔案）進行分析。任何不應在此階段執行的程式碼，都必須檢查來自 $app/environment 的 building 是否為 false。

import { const building: booleanSvelteKit analyses your app during the build step by running it. During this process, building is true. This also applies during prerendering.
building } from '$app/environment';
import { import setupMyDatabasesetupMyDatabase } from '$lib/server/database';

if (!const building: booleanSvelteKit analyses your app during the build step by running it. During this process, building is true. This also applies during prerendering.
building) {
	import setupMyDatabasesetupMyDatabase();
}

export function function load(): voidload() {
	// ...
}

預覽你的應用程式

建置完成後，您可以使用 vite preview（透過 npm run preview）在本地檢視您的生產版本。請注意，這將在 Node 中執行應用程式，因此並非您部署的應用程式的完美重現 — 轉接器特定的調整，例如 platform 物件，不適用於預覽。

在 GitHub 上編輯此頁面

狀態管理轉接器 (Adapters)