GitHub 페이지에 Angular 앱 배포

이름으로 새 저장소 만들기:

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

좋은 웹페이지 즐겨찾기