Vite

Vite es una herramienta de construcción que busca proporcionar una experiencia de desarrollo más rápida y ágil para proyectos web modernos. Esta guía es precisa a partir de Vite 5.4.8.

Lista de verificación

• Usa ../dist como frontendDist en src-tauri/tauri.conf.json.
• Usa process.env.TAURI_DEV_HOST como la IP del host del servidor de desarrollo cuando esté configurado para ejecutarse en dispositivos físicos iOS.

Configuración de ejemplo

1. Actualizar la configuración de Tauri

   Asumiendo que tienes los siguientes scripts dev y build en tu package.json:

   {
     "scripts": {
       "dev": "vite",
       "build": "tsc && vite build",
       "preview": "vite preview",
       "tauri": "tauri"
     }
   }

   Puedes configurar la CLI de Tauri para usar tu servidor de desarrollo de Vite y la carpeta dist junto con los hooks para ejecutar automáticamente los scripts de Vite:

   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. Actualiza la configuración de 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: {
       // make sure this port matches the devUrl port in tauri.conf.json file
       port: 5173,
       // 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,
       hmr: host
         ? {
             protocol: 'ws',
             host,
             port: 1421,
           }
         : undefined,
   
       watch: {
         // tell vite to ignore watching `src-tauri`
         ignored: ['**/src-tauri/**'],
       },
     },
     // 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,
     },
   });