PRODUCTION BUILD

React 정적 빌드 결과물

Vite 빌드는 번들링, 최소화, 해시 파일명, 코드 분할을 통해 배포 가능한 dist 폴더를 만든다.

개발 코드

HMR과 소스맵이 있는 개발 환경 코드는 최종 서비스에 그대로 쓰지 않는다.

npm run dev

최적화

JS와 CSS를 압축하고 불필요한 개발 코드를 제거한다.

npm run build

산출물

웹 서버가 직접 제공할 수 있는 index.html과 assets 파일이 생성된다.

dist/

검증

정적 서버로 실제 배포 형태를 열어 라우팅과 스타일을 확인한다.

preview

React 정적 빌드 한계 개발 서버에서 멀쩡해도 빌드 결과의 경로, 캐시, 환경 변수 설정은 따로 확인해야 한다.