vite 빌드하기

여러 플랫폼 static site 배포 메뉴얼

간단하게 배포 서비스 이용하기

 

브라우저 호환성

vite는 기본적으로 각 브라우저별로 아래 버전을 지원합니다.

• Chrome >=87
• Firefox >=78
• Safari >=14
• Edge >=88

 

호환을 커스터마이징 하고 싶다면 빌드옵션을 수정해줍니다.

주의할 점은 문법만 호환에 맞게 하는 것일 뿐 polyfill 은 직접 해야합니다.

이는 플러그인으로 설정해 줄 수 있습니다.

Multi-Page App

단순히 html 파일을 구분하면 되지만 빌드시에는 하나로 합쳐지기 때문에 vite.config.js에서 entry points를 명시해주어야합니다.

결과로 2개의 html 파일이 생성됨

Library Mode

제가 가장 마음에 들었던 부분입니다.

라이브러리를 개발하기위해서, 개발환경을 세팅하지만, 번들링하는 대상을 지정할 수 있습니다.