일렉트론 트레이 이미지 적용

2018. 11. 26. 11:38카테고리 없음

반응형

트레이 이미지 같이 일렉트론 내부 코드에서 참조하는 이미지가 필요할 경우 이미지를 같이 패키지 해줘야 한다. 렌더러 프로세스 코드에서는 웹팩을 사용해 이미지를 코드화 시켜 내부에 녹일 수 있지만 메인 프로세스 코드에서는 녹일 수 없기 때문이다.


electron-builder 사용시 방법은 아래와 같다.

package.json 에 설정된 build 속성에 다음과 같이 추가해준다.

"build": {

  :

    "extraResources": [

      {

        "from": "app",

        "filter": [

          "favicon.ico"

        ]

      }

    ]

  :

}


더 간단한 방법은 아래와 같다.


extraResources은 특정 파일을 패키지에 추가해주는 역할을 한다

from: 추가할 파일의 경로를 정의한다.

to: directories.buildResources 정의한 경로를 기준으로 추가할 파일의 위치를 정의한다.

filter: 어떤 파일을 추출할지를 정의한다.


패키지 후 패키지 경로 안에 해당 파일들이 존재하는 것을 확인할 수 있다.


참조

반응형