Vite8 + Tauri 프로젝트 구성

1. vite 프로젝트 구성

npm create vite@latest

> npx
> create-vite

│
◇  Project name:
│  test-app
│
◇  Select a framework:
│  React
│
◇  Select a variant:
│  TypeScript + React Compiler
│
◇  Install with npm and start now?
│  Yes
│
◇  Scaffolding project in N:\workspace\projects\pv2\test-app...
│
◇  Installing dependencies with npm...

added 178 packages, and audited 179 packages in 6s

49 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities
│
◇  Starting dev server...

> test-app@0.0.0 dev
> vite


  VITE v8.0.1  ready in 2454 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help

참고

• Getting Started | Vite

2. tauri 적용

적용

cd .\test-app\

npm install -D @tauri-apps/cli@latest

npx tauri init

✔ What is your app name? · test-app
✔ What should the window title be? · test-app
✔ Where are your web assets (HTML/CSS/JS) located, relative to the "<current dir>/src-tauri/tauri.conf.json" file that will be created? · ../dist
✔ What is the url of your dev server? · http://localhost:5173
✔ What is your frontend dev command? · npm run dev
✔ What is your frontend build command? · npm run build

실행

npx tauri dev

빌드

src_tauri/tauri.conf.json의 identifier 항목 값을 변경한 후

npx tauri build

참고

• Create a Project | Tauri