はじめに
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
ブランチにプッシュするだけだとサイトの表示が変になってしまったので、適当なやり方でサイトの更新をしました。正しい更新方法が知りたい。
- 適当なやり方
- ローカルとリモートの
gh-pages
ブランチを削除する - 資源を更新する
- 再度、はじめからデプロイの手順をやる
- ローカルとリモートの