본문 바로가기

프로그래밍 일반/프론트엔드

빌드한 파일을 실제 배포 환경처럼 실행해보기(serve)

웹팩 같은  걸로 빌드를 하면 devServer와 다르게 실제 배포를 가정하고 테스트해봐야 할 때가 있다.

serve 라이브러리를 이용해서 간단한 http 서버를 만들고 실행해보자.

(serve는 일반적인 was나 express와 다르게, 서버 사이드 동적 요청 처리가 안되니 주의)

 

웹팩으로 빌드하여 ./dist 파일을 했다.

 

이제 serve를 설치하자.

npm install -g serve

 

 

그리고 package.json에 빌드 파일을 serve 서버로 실행할 커맨드를 설정한다.

  • ./dist 파일을 실행
  • 포트번호는 5000
  "scripts": {
    "start:build": "serve -s dist --listen 5000",
  },