vite plugin ssr svelte

Vite + Svelte + Vite-Plugin-SSR靜態Prerender入門項目！

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補充了預製的內容
• 可以使用示例組件輕鬆設置元數據
• 資產文件夾直接複製到構建文件夾，因此您可以像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-shrinkwrap.json而不是普通的package-lock.json ，如果您使用npm作為安裝程序，則可以將此存儲庫固定在“已知良好”狀態下。

如果您對npm-shrinkwrap.json文件進行更改，請確保完全測試更新。