[Electron] 코드 변경시 자동 새로고침 되도록 설정하는 방법

[Electron] 코드 변경시 자동 새로고침 되도록 설정하는 방법

---

electron-reload 를 사용하면 된다.

먼저 electron 과 electron-reload를 프로젝트에 설치해 준다.

$ npm install electron

$ npm install electron-reload

electron과 프로젝트 모두 reload 할 경우 아래와 같이 직접 node_modules의 electron폴더로 잡아준다.

require('electron-reload')(__dirname, {

  electron: require(`${__dirname}/node_modules/electron`)

});

위와 같이 설정하면, electron 실행하면서 html, js, css 등을 수정할 경우 자동으로 electron이 reload되어 변경 사항이 적용된다.

더 다양한 사용 방법은 여기서 확인할 수 있다.

---

(참고) How to use live reload in your Electron Project