GraphQL-Codegen の Watch Mode について

  1. 二つのコマンドを同時実行するため、concurrently を install
npm i concurrently --save-dev

参考: npm のコマンドを同時実行する

  1. codegenのwatchモードを利用するために必要なパッケージをインストール
npm install --save-dev @parcel/watcher
  1. package.json の scripts を以下のように設定
"scripts": {
  "start:dev": "concurrently 'npm run codegen -- --watch' 'nest start --watch'",
  "codegen": "graphql-codegen --config codegen.yml",
  },

参考: https://the-guild.dev/graphql/codegen/docs/getting-started/development-workflow#watch-mode

これでいちいちcodegenを実行する必要がなくなる！