GitHub 페이지에 Angular 앱 배포
4504 단어 githubangulargithubpages
Repo Name : USERNAME.github.io
// example
Repo Name : manthanank.github.io
코드 편집기에 리포지토리 복제
git clone https://github.com/<username>/<username>.github.io.git
// example
git clone https://github.com/manthanank/manthanank.github.io.git
cd를 사용하여 프로젝트로 이동
cd project-name/
// example
cd manthanank.github.io
Angular가 설치되어 있지 않은 경우 설치되어 있는지 확인하십시오.
npm i -g @angular/cli
CLI 명령을 사용하여 각도 앱 만들기
ng new project-name --directory ./
// example
ng new angular-app --directory ./
코드로 이동
code .
다음으로
angular.json
로 이동하여 변경합니다."outputpath": "dist/angular-app" => "outputpath": "any-name"
// example
"outputpath": "docs"
프로젝트 빌드
npm run build
변경 사항을 GitHub에 푸시:
git add .
git commit -m "Initial commit"
git push
브라우저에서 리포지토리로 이동하여 새로고침하면 변경 사항이 리포지토리에 반영됩니다.
다음 리포지토리 설정 ⇒ 페이지 ⇒ 소스 변경 폴더를 클릭하고 저장하십시오.
/root => /docs
몇 초 안에 사이트가 활성화됩니다.
Your site is pubished at https://username.github.io
// example
[https://manthanank.github.io](https://manthanank.github.io)
참조 :
https://github.com/angular-schule/angular-cli-ghpages
Reference
이 문제에 관하여(GitHub 페이지에 Angular 앱 배포), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/manthanank/deploy-angular-app-to-github-pages-gjl텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)