개발 코드
컴포넌트, 라우트, CSS, 이미지가 개발 서버 기준 구조로 나뉘어 있습니다.
Vite 빌드는 소스 코드를 압축하고 해시 파일명으로 정리해, 정적 서버가 그대로 전달할 수 있는 dist 산출물을 만듭니다.
컴포넌트, 라우트, CSS, 이미지가 개발 서버 기준 구조로 나뉘어 있습니다.
npm run build번들링, 최소화, 코드 스플리팅을 거쳐 배포용 파일을 생성합니다.
index.html, assets, 해시된 JS와 CSS가 캐시 가능한 구조로 정리됩니다.
개발 서버가 아니라 빌드 결과를 열어 라우팅, 스타일, 콘솔 오류를 확인합니다.
호스팅 서비스는 dist 파일을 CDN이나 정적 서버에서 사용자에게 전달합니다.