12.1 프로젝트 빌드(build) 하기

npm run build

build 명령어를 실행하면 프로젝트 배포를 위한 파일이 프로젝트 루트 디렉토리의 dist 폴더에 생성된다

생성된 dist 폴더에는 css, img, js 폴더와 index.html이 생성된 것을 확인할 수 있다

js 폴더에는 우리가 작성한 모든 js파일과 vue 컴포넌트 파일에 해당하는 js 파일이 생성된 것을 확인할 수 있다

서비스를 운영하고자 하는 호스팅 서버에 dist 폴더의 파일을 업로드 해서 서비스를 구동하면 되며, index.html 파일이 Vue 프로젝트 실행 파일이 된다

출처: 고승원 저, 『Vue.js 프로젝트 투입 일주일 전』, 비제이퍼블릭(2021)