GraphQL Code Generator Profiler#
GraphQL Code Generator CLI provides a flag that enables the profiler mode, as follows:
yarn graphql-codegen --config graphql-codegen.yml --profile
pnpm graphql-codegen --config graphql-codegen.yml --profile
npm run graphql-codegen --config graphql-codegen.yml --profile
GraphQL Code Generator operates as usual (generating your files) but also generates a
codegen-[timestamp].json profile file.
This profile file can be loaded into the Chrome Dev Tools as follows:
Open a new Chrome tab (or other browsers) and open the Chrome Dev Tools
Click on the "Performance" tab
codegen-[timestamp].jsonfile as follows:
- You then have access to the graph view:
The graph view shows the time spent on the main tasks of the codegen.
Inspecting it allows you to identify:
- if your configuration could benefit from excluding some documents from loading
- if you are facing a bug that should be reported