跳至主要內容

建置並部署

建立你的應用程式

在 GitHub 上編輯此頁面

建立 SvelteKit 應用程式分為兩個階段,兩個階段都會在你執行 vite build 時發生(通常透過 npm run build)。

首先,Vite 會建立你的伺服器程式碼、瀏覽器程式碼和服務工作者的最佳化製作版本(如果你有)。預先渲染會在此階段執行,如果合適的話。

其次,一個轉接器會採用此製作版本並針對你的目標環境進行調整 — 更多資訊請見以下頁面。

在建置期間

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

import { building } from '$app/environment';
import { setupMyDatabase } from '$lib/server/database';

if (!building) {
	setupMyDatabase();
}

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

預覽你的應用程式

在建置後,你可以使用 vite preview(透過 npm run preview)在本地端查看你的製作版本。請注意,這會在 Node 中執行應用程式,因此並非你已部署應用程式的完美複製 — 特定於轉接器的調整,例如 platform 物件,不適用於預覽。

上一個 狀態管理
下一個 轉接器