codecamp

Tauri 在 SvelteKit 使用 SSG 模式

首先,我们需要安装 @sveltejs/adapter-static

  • npm
  • Yarn
  • pnpm
pnpm add -D @sveltejs/adapter-static@next

然后更新 适配器 导入到 svelte.config.js 文件:

svelte.config.js

import adapter from '@sveltejs/adapter-static' // 这将会通过 adapter-auto 更改
import preprocess from 'svelte-preprocess'

/** @type {import('@sveltejs/kit').Config} */
const config = {
// 查询 https://github.com/sveltejs/svelte-preprocess
// 以了解更多关于预处理器的信息
preprocess: preprocess(),

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

export default config

最后,我们需要通过添加一个 `root + layout.ts` 文件(如果您不使用TypeScript,则是 `+ layout.js`),并使用以下内容禁用SSR并启用预渲染:

src/routes/+layout.ts

export const prerender = true
export const ssr = false

请注意,`static-adapter` 不需要您在整个应用程序中禁用 SSR,但它使得可以使用依赖全局 `window` 对象的 API(例如 Tauri 的 API)而无需进行客户端检查。

此外,如果您喜欢单页应用程序模式(SPA)而不是 SSG,您可以根据 适配器文档 更改适配器配置和 +layout.ts。


Tauri 创建前端
Tauri 创建 Rust 项目
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Tauri 指南

Tauri 特性

Tauri 插件

Tauri 应用程序接口

Tauri JavaScript/TypeScript

Tauri 命令行界面

Tauri 进程

Tauri 参考

Tauri WebView 版本

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }