Electron에서 vue-cli-service build 한 index.html을 읽으면 망설이는 이야기

개요

일단 Electron을 만지고 싶었기 때문에 vue ui로 프로젝트를 만들고yarn run build 한 것을 로드하도록 하고 electron .기동해 보았더니 이하와 같이 새하얀 화면이 표시되어 버렸다…

왜 이렇게 되었는가

Devtool을 시작하고 소스 코드를 들여다 보았습니다.



읽고있는 bundle 한 js의 경로가 /js/chunk...

해결책

Add baseUrl option in vue-cli-service build command · Issue #1623 · vuejs/vue-cli

vue.config.js라고 하는 파일을 작성해 이하와 같이 기재하면, build시의 baseUrl를 변경할 수 있다.

vue.config.js

module.exports = {
  baseUrl: './'
}

작성 후, yarn run build 다시 한번 electron . 해 보면, 무사 vue.js의 샘플 페이지가 표시되었다.