빌드 검증 절차

빌드는 개발 앱을 정적 배포 단위로 바꾼다

Vite 빌드는 소스 코드를 압축하고 해시 파일명으로 정리해, 정적 서버가 그대로 전달할 수 있는 dist 산출물을 만듭니다.

source

개발 코드

컴포넌트, 라우트, CSS, 이미지가 개발 서버 기준 구조로 나뉘어 있습니다.

build

npm run build

번들링, 최소화, 코드 스플리팅을 거쳐 배포용 파일을 생성합니다.

dist

정적 산출물

index.html, assets, 해시된 JS와 CSS가 캐시 가능한 구조로 정리됩니다.

preview

로컬 검증

개발 서버가 아니라 빌드 결과를 열어 라우팅, 스타일, 콘솔 오류를 확인합니다.

hosting

정적 배포

호스팅 서비스는 dist 파일을 CDN이나 정적 서버에서 사용자에게 전달합니다.