GitHub Pages 에 배포하려면?

Nuxt.js를 사용하면, 예를 들어 GitHub Pages과 같은 정적호스팅 서비스에서 웹 어플리케이션을 호스팅할 수 있습니다.

GitHub Pages에 배포하려면 정적 웹 어플리케이션을 생성해야 합니다:

npm run generate

이때 dist 폴더가 생성되는데, 그 안에 GitHub pages에 배포될 모든 것이 들어가 있습니다. 프로젝트 리포지토리라면 gh-pages 브랜치, 사용자 혹은 조직 사이트라면 master 브랜치를 지정하세요.

정보: GitHub Pages에서 독립도메인을 사용하기 위해서 CNAME 파일을 사용한다면, CNAME 파일은 static 디렉토리에 위치시키는게 좋습니다. 자세한 내용은 webpack에서 다루지 않는 정적 파일을 참고해 주세요.

커맨드라인에서 배포하기

push-dir package를 사용하는 것도 가능합니다:

우선은 npm 으로 설치하세요:

npm install push-dir --save-dev

deploy 커맨드를 package.json에 추가해 주세요. 브랜치는 프로젝트 리포지토리라면 gh-pages 브랜치를, 사용자 혹은 조직 사이트라면 master 브랜치를 지정해 주세요.

"scripts": {
  "dev": "nuxt",
  "build": "nuxt build",
  "start": "nuxt start",
  "generate": "nuxt generate",
  "deploy": "push-dir --dir=dist --branch=gh-pages --cleanup"
},

자, 정적 어플리케이션을 생성하고 배포하세요!:

npm run generate
npm run deploy

잘못된 부분이 있거나 이 문서에 기여하고 싶으신가요? GitHub에서 이 페이지를 수정해주세요!