用途:当涉及 Tauri v2 应用的前端框架选择、SSG 或静态导出配置,以及 Vite 与 SSR 框架取舍时使用此技能。触发词包括 frontend framework、Vite、Next.js、Nuxt、SvelteKit、SSG、static export。
主要能力:给出带理由的框架推荐(默认 Vite,SSG 方案为备选);为所选框架提供静态导出配置;在 tauri.conf.json 中对齐输出路径;并验证构建产物包含 index.html 且资源能在 Tauri 中正确加载。
使用方式:多数 Tauri 应用默认选 Vite,命令为 npm create tauri-app@latest -- --template react-ts(也可用 vue-ts、svelte-ts)。Next.js 需在 next.config.js 启用静态导出:module.exports = { output: 'export', images: { unoptimized: true } };。SvelteKit 配置静态适配器:import adapter from '@sveltejs/adapter-static'; export default { kit: { adapter: adapter({ fallback: 'index.html' }) } };。并在 tauri.conf.json 对齐构建输出:{ "build": { "frontendDist": "../out" } }。
适用场景与限制:Tauri 加载本地静态文件,除非有明确的服务端需求,否则应避免使用 SSR 框架。构建后需确认产物含 index.html 且资源加载正常。参考文档见 Tauri v2 前端、Next.js、SvelteKit 相关页面。其他框架细节暂未提供。