[React] 서버 최적화 build 배포하기 " npx serve -s build "

 

리엑트는 서비스에 사용할만한 결과물이 아니다.

서비스에 최적화된  효율적인 배포물을 만들 수 있을까?

---

 

💜 순서 따라하기 💜

 

1. 터미널 키기

 

2. npm run build  입력

-> 배포판을 만드는 과정

 

3. 입력하면 build라는 폴더 가 생김 , index.html 열어보면 공백조차 없이 코딩이 나옴

(배포할때는 공백이 필요없기에  최적화된 서비스 환경을 만들기 위한것 )

 

4. 빌드명령을 실행하기 위해선  sverve 라는 앱서버를 사용하기를 추천

 

serve -s 라는 옵션을 빌드하게 되면 사용자가 열었을때  index.html 파일을 열게된다.(최적화된파일)

 

5. npx serve -s build 입력

서브는 노드js로 만들어진 애플리케이션이기에 때문에 npx를 사용해야함

빌드 폴더안에있는 html을 실행시켜준다.

 

 6. 그럼 실제로 서비스 환경에서 만들어질 수 있는 배포 환경이 만들어 진다.