Qwik

여기서는 “Qwik(퀵) 웹 프레임워크”를 사용한 Tauri 앱 만들기를 순서대로 설명합니다. Qwik에 대한 자세한 내용은 공식 사이트 https://qwik.dev 를 참조하십시오.

체크 항목

• SSG를 사용하십시오. Tauri는 서버 기반 방식을 지원하지 않습니다.
• tauri.conf.json에서는 frontendDist로 dist/를 지정합니다.

설정 예

1. 새로운 Qwik 앱 시작하기

   npm

   npm create qwik@latest
   cd <PROJECT>

   yarn

   yarn create qwik@latest
   cd <PROJECT>

   pnpm

   pnpm create qwik@latest
   cd <PROJECT>

   deno

   deno run -A npm:create-qwik@latest
   cd <PROJECT>

2. static adapter 설치하기

   npm

   npm run qwik add static

   yarn

   yarn qwik add static

   pnpm

   pnpm qwik add static

   deno

   deno task qwik add static

3. ”Tauri CLI”를 프로젝트에 추가하기

   npm

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

   yarn

   yarn add -D @tauri-apps/cli@latest

   pnpm

   pnpm add -D @tauri-apps/cli@latest

   deno

   deno add -D npm:@tauri-apps/cli@latest

4. 새로운 Tauri 프로젝트 초기화하기

   npm

   npm run tauri init

   yarn

   yarn tauri init

   pnpm

   pnpm tauri init

   deno

   deno task tauri init

5. Tauri 설정

   npm

   tauri.conf.json

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

   yarn

   tauri.conf.json

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

   pnpm

   tauri.conf.json

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

   deno

   tauri.conf.json

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

6. tauri 앱 시작하기

   npm

   npm run tauri dev

   yarn

   yarn tauri dev

   pnpm

   pnpm tauri dev

   deno

   deno task tauri dev