中安拓也のブログ

プログラミングについて書くブログ。 Twitterやってます @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: 🚀 Deploy your 🅰️Angular app to GitHub pages directly from the Angular CLI! Available on NPM.