@rubennl/vite-plugin-graphql-codegen-optimized NPM

Vite-plugin-graphql-codegen-optimized

This project is heavily inspired by vite-plugin-graphql-codegen, but with some optimizations/fixes.

Only runs the generator when a query is actually changed, not on every unrelated file change.
Shows errors in the browser, which makes development easier
Restarts are more reliable

(Got any ideas? Open an issue!)

Add the plugin to your vite.config.ts file:

import codegen from "@rubennl/vite-plugin-graphql-codegen-optimized";

export default defineConfig({
  plugins: [
    codegen()
  ]
});

Option	Type	Default	Description
`codegenConfigFile`	`string`	Auto detected by `@graphql-codegen/cli`	The name of the codegen config file
`outputPath`	`string`	Auto detected	Filter used to detect if a file should be processed
`reloadDelay`	`number`	`100`	The delay in ms before the browser reloads. Set to `-1` to use vite default, or disable
`showPopups`	`boolean`	`true`	Show popups in the browser when something goes wrong
`runOnStart`	`boolean`	`true`	Run the codegen on vite startup
`showSuggestions`	`boolean`	`true`	Show suggestions to improve performance
`watchSchema`	`boolean`	`true`	Watch the schema file(s) for changes
`restartAfterGenerate`	`boolean`	`true`	Restart Vite when the codegen is done. Disabling this isn't recommended or guaranteed to work