Angular 애플리케이션을 GitHub Pages에 게시하는 방법

2561 단어 Angulargithub-pages
Angular 애플리케이션을 게시하는 방법을 모색했지만 GitHub Pages가 가장 쉬웠기 때문에 메모입니다.

angular-cli-ghpages



  • angular-cli-ghpages이라는 패키지 사용
  • angular-cli-ghpages를 사용하기위한 조건은 다음과 같습니다.
  • Node.js 4.x 이상
  • Git 1.7.6 이상
  • Angular CLI로 만든 Angular 애플리케이션

  • 이번에는 다음 환경에서 시도하고 있습니다.
  • Node.js 8.9.0
  • Git 2.14.3
  • Angular CLI 1.5.4


    • 사용법


  • angular-cli-ghpages 설치 
    • $ yarn global add angular-cli-ghpages
  • 이번에 공개하고 싶은 리포지토리 이름을 angular-tour-of-heroes라고합니다 
    • $ cd angular-tour-of-heroes/
$ ng build --prod --base-href "https://kasaharu.github.io/angular-tour-of-heroes/"
$ angular-cli-ghpages
  • 위의 명령을 실행하면 dist/디렉토리 부하가 gh-pages 분기로 푸시됩니다.
  • 커밋 메시지는 기본 "Auto-generated commit"


    • 옵션


  • 브랜치 이름을 바꾸고 싶다면
  • 다음 옵션을 사용하여 deploy 분기에 푸시합니다 

    • $ angular-cli-ghpages --branch=deploy
  • 커밋 메시지를 변경하려는 경우
  • 다음 옵션을 사용하여 커밋 메시지를 Deployment로 설정합니다 

    • $ angular-cli-ghpages --message="Deployment"
  • dry-run 
    • $ angular-cli-ghpages --dry-run

    GitHub Pages에서 게시


  • angular-cli-ghpages를 사용하여 gh-pages 브랜치에 푸시 할 때까지 리포지토리 설정을 변경합니다
  • 설정을 선택하고 GitHub Pages 항목에서 사용할 분기를 gh-pages로 변경하기 만하면됩니다



    • 확인


  • 게시 된 페이지 ( htps : // 가사하루. 기주 b. 이오 / 앙구 r r r 오 f 헤로 s )를 보면 제대로 배포되었습니다

    • 참고 페이지


  • angular-cli-ghpages - GitHub
  • Deploy to GitHub Pages
  • Enabling GitHub Pages to publish your site from master or gh-pages
    • GitHub 페이지를 React로 만들기 (기본)
    webpack에서 github pages를 deploy 할 때의 빠짐 (vue.js)

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage