SvelteKitBuild and deploy

Building your app

构建 SvelteKit 应用分为两个阶段，这两个阶段都在运行vite build（通常通过npm run build）时发生。

首先，Vite 为您的服务器代码、浏览器代码以及您的服务工作者（如果有）创建一个优化的生产构建。如果适用，此阶段将执行预渲染。预渲染

其次，一个适配器将这个生产构建调整以适应您的目标环境——有关此内容的更多内容请参阅以下页面。

在构建过程中

SvelteKit 将在构建过程中加载您的 +page/layout(.server).js 文件（以及它们导入的所有文件）进行分析。任何在此阶段不应执行不应执行的代码必须检查从 $app/environment false building：

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() {
	// ...
}

预览您的应用

构建完成后，您可以使用vit 预览（通过npm run preview）在本地查看您的生产构建。请注意，这将使用 Node 运行应用程序，因此这不是您部署的应用程序的完美复制——针对适配器的调整，如平台对象，不适用于预览。

Edit this page on GitHub llms.txt

previous next

State management Adapters