vite로 만든 프로젝트에서 custom index.html 사용하기
- Nest
- Development
- Category
- Server
- Hit
- 256
- Star
- 0
vite
로 만든 오픈소스 프로그램에서 프로덕션으로 사용할때 index.html
파일을 커스터마이즈하게 수정할 수 있어야 적어도 title 엘리먼트라도 변경할 수 있기 때문에 이 부분에서 커스터마이즈 할 수 없는점에서 난감해 했다.
요즘 주로 docker를 통해서 관리하는데 volumn 기능을 통하여 특정 파일이나 디렉토리를 덮어씌울 수 있는점을 이용하면 될것이다.
docker-composer.yml
volumes:
- ./index.html:/app/index.html
- ./favicon.ico:/app/favicon.ico
이런 모습으로 volumn 설정을 해두면 볼륨으로 설정한 리소스가 컨테이너 리소스를 덮어씌우기 때문에 볼륨으로 설정한 리소스로 사용된다.
이렇게 사용하면 메타 정보나 파비콘, 이미지들을 커스터마이징 할 수 있을것이다.