构建您的应用
构建 SvelteKit 应用程序分为两个阶段,这两个阶段都发生在您运行 vite build
(通常通过 npm run build
)时。
首先,Vite 会为您的服务端代码、浏览器代码和 service worker(如果有的话)创建优化的生产构建。如果合适,预渲染会在此阶段执行。
其次,适配器(adapter) 会对这个生产构建进行调整,使其适合目标环境 — 更多内容将在接下来的页面中介绍。
构建过程中
SvelteKit 会在构建过程中加载您的 +page/layout(.server).js
文件(以及它们导入的所有文件)进行分析。
任何在此阶段不应该被执行的代码必须通过检查 $app/environment
的 building
是否为 false
:
import { const building: boolean
SvelteKit 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 setupMyDatabase
setupMyDatabase } from '$lib/server/database';
if (!const building: boolean
SvelteKit analyses your app during the build
step by running it. During this process, building
is true
. This also applies during prerendering.
building) {
import setupMyDatabase
setupMyDatabase();
}
export function function load(): void
load() {
// ...
}
预览您的应用
构建完成后,您可以通过 vite preview
(通过 npm run preview
)在本地查看您的生产构建。请注意,这将在 Node 中运行应用程序,因此无法完美复现您部署的应用程序 — 适配器特定的调整(如 platform
对象)不适用于预览。