[Vue] webpack-simple 빌드하기 npm run build

vue 빌드하기

 

 

vue init webpack-simple [projectName] 으로 프로젝트를 만들면 

package.json 에 기본적으로 scripts 명령어가 생깁니다.

 

개발할 때

$ npm run dev

빌드할 때

$ npm run build

 

빌드를 하게 되면 webpack.config.js 에 설정 되어있는 대로 /dist 경로에 build.js 가 생성됩니다.

 

/dist 폴더와 index.html 파일을 같이 웹서버에 배포하면 되겠습니다.

 

예들들어

nginx 에 배포한다면

nginx.config

    server {
        listen 80;
        location / {
            root    /app/build;
            index   index.html;
            try_files $uri $uri/ /index.html;
        }
    }

위의 root 경로에 dist 와 index.html을 복사합니다.

• /app/build/dist
• /app/build/index.html

 

nginx 재시작.