vite plugin ssr svelte

Vite + Svelte + Vite-Plugin-SSR静的プレレンダースタータープロジェクト！

Vite-Plugin-SSRモジュールのSvelteバージョン。

このモジュールは、アプリが任意のコンテキストでスムーズにロードされるように、正しい水分補給設定で完全にプレレンダーされたHTMLを実行することを示しています。

ここで試すことができます：https：//ryanweal.github.io/vite-plugin-ssr-svelte/

Sveltekitを使用してみませんか？ vite-plugin-ssrを使用すると、ほとんどすべてをオーバーライドすることができ、より具体的なpage.client.jsおよびpage.server.jsファイルを提供することにより、特定のルートの他のフレームワーク（Vue、Reactなど）を追加することもできます。

箱から出して作られるもの

このレポは、次のプロジェクトのスターターとして使用できます。典型的なフレームワークタスクを実行するためにセットアップされています。

• Svelteを使用してページとコンポーネントを作成し、DEVでホットリロードを使用して
• ビルド時にすべてのコンテンツをプレレンダー
• プレレンダリングされたコンテンツをクライアント側のJSと補給します
• メタタグは、サンプルコンポーネントを使用して簡単に設定できます
• Assetsフォルダーはビルドフォルダーに直接コピーされているため、1999年のような画像を参照して、インポートすることを心配することはできません。

また、データを取得するためにのみ、サーバー側でAPI呼び出しを行う例をいくつか含めます。

使用されるViteプラグイン

• vite-plugin-ssr
• Vite-Plugin-Svelte
• Express.js（プレレンダリングプロセスに使用）

インストールして実行します

1. このリポジトリをクローンします
2. 依存関係をインストールする： npm i
3. それを実行する： npm run dev 、作業中にホットなリロードをお楽しみください。
4. ブラウザのhttp://localhost:3000にアクセスしてください。
5. ビルド： npm run build
6. それを提供する： npx serve dist/client

更新

このパッケージを更新するには、通常のNPM更新手順に従うことができます。

組み込みのnpm shrinkwrapコマンドを使用して、 npmインストーラーとして使用する場合、このレポを「既知の良い」状態に固定する通常のpackage-lock.jsonではなく、 npm-shrinkwrap.jsonを提供しました。

npm-shrinkwrap.jsonファイルに変更を加えた場合は、必ず更新を完全にテストしてください。