[Electron] Typescript + Yarn berry + Electron 프로젝트 세팅하기

yarn init -2

yarn add --dev typescript zx electron electron-packager
yarn tsc --init
yarn tsc --init --target es6 --outDir ./dist

스크립트 수정

{
  "dev": "zx scripts/dev.mjs"
}

import "zx/globals"

await $`tsc`

await $`electron dist/index.js`

앱 코드 작성

import { app, BrowserWindow } from 'electron'

let window: BrowserWindow

app.on('ready', () => {
  window = new BrowserWindow({
    width: 1280,
    height: 720,
  })

  window.loadURL('https://google.com')
})

실행

yarn dev