몽땅뚝딱 개발자

[Vue.js] Vue 프로젝트 빌드 후 웹서버로 실행하기 본문

Development/Vue.js

[Vue.js] Vue 프로젝트 빌드 후 웹서버로 실행하기

레오나르도 다빈츠 2021. 10. 2. 18:05

 

프로젝트를 GCP 서버에 배포하기 전에 로컬단위에서 돌아가는지 테스트해보았다.

npm에서 제공하는 serve 패키지를 사용한다.

 

 

◽ serve 패키지 설치하기

npm install serve

 

◽ 실행하기

npm run build 명령어를 실행하면, 따로 output 폴더를 지정하지않는 이상 dist 폴더에 빌드결과물이 생성된다.

나의 경우 따로 빌드 경로를 지정했었기 때문에 다른 폴더였다.

아래 명령어를 실행하면 웹 서버에서 확인할 수 있다.

serve -s 폴더이름
ex) serve -s dist

 

 


 

 

참고 및 출처

 

serve

Static file serving and directory listing

www.npmjs.com

 

 


개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.

 

 

Comments