l08084のブログ

技術記事の執筆は、祈りに近い

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: GitHub pages for angular-cli users. Publish to any gh-pages branch on GitHub (or any other branch on any other remote). Available on NPM.