Vite & React 기반 Electron 생성

프로젝트 생성

electron-vite 생성 및 설치

$ npm create electron-vite
$ npm i

vite-tsconfig-paths 설치

$ npm i vite-tsconfig-paths

• vite-tsconfig-paths: Vite 프로젝트에서 TypeScript와 tsconfig-paths를 지원하기 위한 플러그인입니다. Vite는 웹 애플리케이션을 빌드하기 위한 빠르고 간단한 빌드 도구이며, TypeScript와 함께 사용할 수 있습니다.

Setting

vite.config.ts 설정

import tsConfigPaths from 'vite-tsconfig-paths'
...

 plugins: [
    react(),
    tsConfigPaths(),
    ...

tsconfig.json 설정

앱 실행하기

$ npm run dev