メインコンテンツにスキップ

アプリの構築

SvelteKitアプリの構築は2段階で行われ、どちらもvite build(通常はnpm run build経由)を実行すると発生します。

まず、Viteは、サーバーコード、ブラウザーコード、サービスワーカー(存在する場合)の最適化された本番ビルドを作成します。 事前レンダリングは、適切な場合はこの段階で実行されます。

次に、アダプターが本番ビルドを取得し、ターゲット環境に合わせて調整します。この詳細は、次のページで説明します。

構築中

SvelteKitは、分析のために+page/layout(.server).jsファイル(およびそれらによってインポートされるすべてのファイル)を構築中にロードします。この段階で実行されるべきではないコードは、$app/environmentbuildingfalseであることを確認する必要があります。

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 setupMyDatabasesetupMyDatabase } 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 setupMyDatabasesetupMyDatabase(); } export function function load(): voidload() { // ... }

アプリのプレビュー

構築後、vite previewnpm run preview経由)を使用してローカルで本番ビルドを表示できます。これはアプリをNodeで実行するため、デプロイされたアプリの完全な複製ではありません。 platformオブジェクトなどのアダプター固有の調整はプレビューには適用されません。

GitHubでこのページを編集する