-
[ReactJS] React 배포웹 개발/ReactJS 2021. 4. 14. 12:21반응형
React 배포
1) create-react-app을 build하는 명령어
-> public 폴더가 실행됨
-> create-react-app 개발환경은 개발의 용이성을 위해 기능을 많이 추가했기 때문에
파일의 무게가 무거움
npm run start
2) 실제 product 환경에서 사용하는 웹을 build하기 위한 명령어
-> build 파일 생성 후 사용 (create-react-app의 불필요한 용량을 줄였음)
-> root에 build 안에 있는 디렉토리를 위치시키면 된다.
npm run build
3) 웹 서버 설치
npm install -g serve
4) 웹 서버의 document root를 build 폴더로 설정해 실행
npx serve -s build
opentutorials.org/module/4058/24737
반응형'웹 개발 > ReactJS' 카테고리의 다른 글
[ReactJS] 리액트의 특징 및 원리 (0) 2021.04.27 [ReactJS] 서버사이드 렌더링(SSR)과 클라이언트사이드 렌더링(CSR)이란 (0) 2021.04.27 [ReactJS] React 기본 코드 구조 및 component 생성 (0) 2021.04.15 [ReactJS] npm과 npx의 용어정리 및 차이점 (2) 2021.04.08 [ReactJS] ReactJS 설치 및 개발환경 구축 (mac) (0) 2021.04.07