Vite

Vite 是一個建置工具，旨在為現代 Web 專案提供更快、更精簡的開發體驗。本指南適用於 Vite 5.4.8 版本。

檢查清單

• 在 tauri.conf.json 中使用 dist/ 作為 frontendDist。
• 當設定在 iOS 實體裝置上運行時，使用 process.env.TAURI_DEV_HOST 作為開發伺服器主機 IP。

範例設定

1. 更新 Tauri 設定

   假設您的 package.json 中有以下 dev 和 build 腳本

   {
     "scripts": {
       "dev": "vite dev",
       "build": "vite build"
     }
   }

   您可以設定 Tauri CLI 以使用您的 Vite 開發伺服器和 dist 資料夾，以及自動運行 Vite 腳本的 hooks

   npm

   tauri.conf.json

   {
     "build": {
       "beforeDevCommand": "npm run dev",
       "beforeBuildCommand": "npm run build",
       "devUrl": "http://localhost:5173",
       "frontendDist": "../dist"
     }
   }

   yarn

   tauri.conf.json

   {
     "build": {
       "beforeDevCommand": "yarn dev",
       "beforeBuildCommand": "yarn build",
       "devUrl": "http://localhost:5173",
       "frontendDist": "../dist"
     }
   }

   pnpm

   tauri.conf.json

   {
     "build": {
       "beforeDevCommand": "pnpm dev",
       "beforeBuildCommand": "pnpm build",
       "devUrl": "http://localhost:5173",
       "frontendDist": "../dist"
     }
   }

   deno

   tauri.conf.json

   {
     "build": {
       "beforeDevCommand": "deno task dev",
       "beforeBuildCommand": "deno task build",
       "devUrl": "http://localhost:5173",
       "frontendDist": "../dist"
     }
   }

2. 更新 Vite 設定

   vite.config.js

   import { defineConfig } from 'vite';
   
   const host = process.env.TAURI_DEV_HOST;
   
   export default defineConfig({
     // prevent vite from obscuring rust errors
     clearScreen: false,
     server: {
       // Tauri expects a fixed port, fail if that port is not available
       strictPort: true,
       // if the host Tauri is expecting is set, use it
       host: host || false,
       port: 5173,
     },
     // Env variables starting with the item of `envPrefix` will be exposed in tauri's source code through `import.meta.env`.
     envPrefix: ['VITE_', 'TAURI_ENV_*'],
     build: {
       // Tauri uses Chromium on Windows and WebKit on macOS and Linux
       target:
         process.env.TAURI_ENV_PLATFORM == 'windows'
           ? 'chrome105'
           : 'safari13',
       // don't minify for debug builds
       minify: !process.env.TAURI_ENV_DEBUG ? 'esbuild' : false,
       // produce sourcemaps for debug builds
       sourcemap: !!process.env.TAURI_ENV_DEBUG,
     },
   });