[React] 리액트 프로젝트 빌드

서주·2023년 10월 31일

깃허브나 netlify등의 서비스를 이용해 리액트 프로젝트를 배포하려면 우선 리액트 프로젝트를 빌드해야한다.

npm run build

명령어 입력 시 build폴더가 생성된다.

이 build폴더를 업로드하면 끝~!

빌드한 폴더를 로컬로 실행하고 싶으면 아래의 명령어를 입력하면 된다.

npx serve -s build

간혹 실행해도 흰 화면만 나오는 경우가 있는데, 그런 경우에는 build폴더 내에 파일 경로가 잘못된 경우가 많다. 파일 경로를 올바르게 수정하면 정상적으로 작동이 된다.

========================

package.json파일에
homepage : "."로 홈페이지 경로를 상대경로로 수정하면 문제를 해결할 수 있다.

0개의 댓글