アプリの構築
SvelteKitアプリの構築は2段階で行われ、どちらもvite build
(通常はnpm run build
経由)を実行すると発生します。
まず、Viteは、サーバーコード、ブラウザーコード、サービスワーカー(存在する場合)の最適化された本番ビルドを作成します。 事前レンダリングは、適切な場合はこの段階で実行されます。
次に、アダプターが本番ビルドを取得し、ターゲット環境に合わせて調整します。この詳細は、次のページで説明します。
構築中
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
オブジェクトなどのアダプター固有の調整はプレビューには適用されません。