개발 코드
src 안의 컴포넌트, 라우트, 스타일, 환경 변수 접근 방식이 빌드 입력이 됩니다.
React 빌드 산출물 점검 기준
Vite 빌드는 개발 서버용 코드를 브라우저가 바로 받을 수 있는 정적 산출물로 정리하는 단계입니다.
빌드 산출물
npm run build 후 dist에는 압축된 JS, CSS, asset 파일과 진입 HTML이 생성됩니다.
로컬 검증
빌드 결과를 정적 서버로 열어 라우팅, asset 경로, 환경별 설정이 실제 배포처럼 동작하는지 봅니다.
배포 대상은 소스 폴더가 아니라 dist 폴더이며 정적 호스팅은 이 폴더를 기준으로 합니다.
이미지와 CSS 경로가 base 설정과 맞는지 확인해 새로고침 후 깨지는 자원을 줄입니다.
개발 서버가 아닌 빌드 산출물로 마지막 클릭 흐름을 확인해야 배포 후 차이를 줄일 수 있습니다.