533 Views
May 05, 22
スライド概要
GitHub Actionsを使ってwebpackのバンドルが必要なアプリのGitHub Pagesへのデプロイを自動化するやつです。
.binさんのスライドです。
https://twitter.com/SpreadSyntax
名工大(NITech) CS niC参加 https://scrapbox.io/nitechCreate/
ビルド成果物を含めずにpush 1
• 自動テスト・ビルド・デプロイなど (CI/CD) 発火 参照 Push Issue Release etc. テスト ビルド デプロイ 2
• テンプレートが豊富 3
• テンプレートが豊富 4
• Bundler • 複数のファイルを統合 • バンドル以外もできる • Typescriptコンパイラの呼び出し • Sassコンパイラの呼び出し • Asset Module 5
Other apps 6
• ホスティングサービス • レポジトリから直接ホストできる 7
• ビルド成果をコミットに含める • ファイルの更新が増える • ビルド成果専用のブランチを切る 8
発火 参照 Push 変更 ビルド 自動 Pagesにデプロイ 9
• actions-gh-pagesで特定ブランチに自動push • そのブランチをそのままpagesで公開 • ここまで1ファイル 10
• 便利なので使おう 11