firebase HostingへReactアプリをビルドしてデプロイするまでを1クリックで

経緯

create-react-appから作成したWebアプリをFirebase Hostingにデプロイして公開しています。
ビルドせずにデプロイしてあれおかしいと時間を浪費することが多々あったので表題の件、考えました。

解決策

package.jsonのscriptsに下記を追加するだけ。

package.json

  "scripts": {
    "deploy": "npm run build && firebase deploy",
    ...
  },

VSCodeだと左下にnpmコマンドを1クリックで実行するショートカットが用意されているので、これでデプロイのためにシェルを開くことも必要なくなります。

Github Actionsでも利用できるので、package.jsonのscriptsは積極的に有効活用していきたい！