Vue.jsで作ったサイトをgh-pages, AWS Amplifyで公開できるようにした。詰まったところの備忘録

参考資料：
Vue.jsを用いてサイト作成、AWS Amplify を使って自動デプロイについて
https://www.techpit.jp/courses/enrolled/881634

gh-pagesへの表示について
https://www.shookuro.com/entry/2019/02/02/174655

気を付けたところ：
gh-pagesでは、ソース変更しただけではサイトへの変更が反映されない。

ソース変更
→ビルド
npm run build
→コミット
→プッシュ

の流れでやる必要がある
（ビルドしたファイルもコミット&プッシュしなければならない）

詰まった：
Amplifyの方では
一旦失敗。
ログを見てみると
Error: Artifact directory doesn't exist: dist

とあったので、ビルドの設定を見てみた。
ビルドのデフォルト設定
artifacts:
baseDirectory: dist
files:
- '**/*'
は、gh-pages向けに出力先をvue.config.jsでdocsに変更していたため、ここをdocsとすることで
無事ビルドが通るようになった。