붉은거위 노트 (redgoose note)

vite로 만든 프로젝트에서 custom index.html 사용하기

Nest
Development
Category
Server
Hit
173
Star
0

vite로 만든 오픈소스 프로그램에서 프로덕션으로 사용할때 index.html파일을 커스터마이즈하게 수정할 수 있어야 적어도 title 엘리먼트라도 변경할 수 있기 때문에 이 부분에서 커스터마이즈 할 수 없는점에서 난감해 했다.
요즘 주로 docker를 통해서 관리하는데 volumn 기능을 통하여 특정 파일이나 디렉토리를 덮어씌울 수 있는점을 이용하면 될것이다.

docker-composer.yml

volumes:
  - ./index.html:/app/index.html
  - ./favicon.ico:/app/favicon.ico

이런 모습으로 volumn 설정을 해두면 볼륨으로 설정한 리소스가 컨테이너 리소스를 덮어씌우기 때문에 볼륨으로 설정한 리소스로 사용된다.
이렇게 사용하면 메타 정보나 파비콘, 이미지들을 커스터마이징 할 수 있을것이다.