AngularアプリをGitHub Pagesにデプロイする

Angular CLIで作成したプロジェクト限定です。

バージョン情報

• Angular: 5.2.3

• angular-cli-ghpages: 0.5.2

• angular/cli: 1.6.5

• Node: 8.1.4

デプロイ方法

angular-cli-ghpagesというライブラリを使う

# インストールしていなければ
$ npm i -g angular-cli-ghpages

$ ng build --prod --base-href "https://[GitHubユーザー名].github.io/[リポジトリ名]/"

# ngh でも可
$ angular-cli-ghpages

ソースコードを変更して、再度GitHub Pagesへのデプロイが必要になった場合は、上記のコマンドを繰り返すだけでよい。

参考サイト

GitHub - angular-schule/angular-cli-ghpages: 🚀 Deploy your 🅰️Angular app to GitHub pages directly from the Angular CLI! Available on NPM.