中安拓也のブログ

プログラミングについて書くブログ

【Angular】GitHub Pagesの更新方法がわからない

はじめに

Angularで作成したサイト(GitHub Pagesにデプロイ)を、更新したくなった時はどうすればいいんだろう?私、わかりません...という記事です。ググるなり Stack Overflowで聞くなりしろよという話なんですが

バージョン情報

WebサイトはAngular v7で作成しました、Web APIとかはない。

そもそもどうやってデプロイしたのか?

モールス信号翻訳

上記のサイトを、angular-cli-ghpagesというライブラリを利用してデプロイしました(デプロイ対象のブランチはgh-pages)。

デプロイするにあたって実行したコマンドは下記となります。

$ npm install -g angular-cli-ghpages
$ ng build --prod --base-href "https://l08084.github.io/morse-code-translate-website/"
$ git checkout -b gh-pages
$ git push origin gh-pages
$ ng build --prod --base-href "https://l08084.github.io/morse-code-translate-website/"
$ ngh --dir=dist/morse-code-tweet

結局どうしたのか?

普通に修正したい資源を更新して、gh-pagesブランチにプッシュするだけだとサイトの表示が変になってしまったので、適当なやり方でサイトの更新をしました。正しい更新方法が知りたい。

  • 適当なやり方
    1. ローカルとリモートのgh-pagesブランチを削除する
    2. 資源を更新する
    3. 再度、はじめからデプロイの手順をやる