Tauri 在 SvelteKit 使用 SSG 模式

首先，我們需要安裝 @sveltejs/adapter-static：

• npm
• Yarn
• pnpm

pnpm add -D @sveltejs/adapter-static@next

然后更新 適配器 導(dǎo)入到 svelte.config.js 文件：

svelte.config.js

import adapter from '@sveltejs/adapter-static' // 這將會(huì)通過 adapter-auto 更改
import preprocess from 'svelte-preprocess'

/** @type {import('@sveltejs/kit').Config} */
const config = {
  // 查詢 https://github.com/sveltejs/svelte-preprocess
  // 以了解更多關(guān)于預(yù)處理器的信息
  preprocess: preprocess(),

  kit: {
    adapter: adapter(),
  },
}

export default config

最后，我們需要通過添加一個(gè) `root + layout.ts` 文件（如果您不使用TypeScript，則是 `+ layout.js`），并使用以下內(nèi)容禁用SSR并啟用預(yù)渲染：

src/routes/+layout.ts

export const prerender = true
export const ssr = false

請(qǐng)注意，`static-adapter` 不需要您在整個(gè)應(yīng)用程序中禁用 SSR，但它使得可以使用依賴全局 `window` 對(duì)象的 API（例如 Tauri 的 API）而無需進(jìn)行客戶端檢查。

此外，如果您喜歡單頁應(yīng)用程序模式（SPA）而不是 SSG，您可以根據(jù) 適配器文檔 更改適配器配置和 +layout.ts。