Near Operation File Preset

          npm i -D @graphql-codegen/near-operation-file-preset
        

          yarn add -D @graphql-codegen/near-operation-file-preset
        

          pnpm add -D @graphql-codegen/near-operation-file-preset
        

          bun add -D @graphql-codegen/near-operation-file-preset
        

Config API Reference

baseTypesPath

type: string

points to the base schema types file. The key of the output is used a the base path for this file.

If you wish to use an NPM package or a local workspace package, make sure to prefix the package name with ~.

importAllFragmentsFrom

type: object

Overrides all external fragments import types by using a specific file path or a package name.

If you wish to use an NPM package or a local workspace package, make sure to prefix the package name with ~.

fileName

type: string

Optional, sets a specific file name for the generated files. Use this to override the generated file name when generating files for example based on multiple .graphql files in separate directories.

extension

type: string

Optional, sets the extension for the generated files. Use this to override the extension if you are using plugins that requires a different type of extensions (such as typescript-react-apollo) Default value: “.generated.ts”

cwd

type: string

Optional, override the cwd of the execution. We are using cwd to figure out the imports between files. Use this if your execution path is not your project root directory. Default value: “process.cwd()”

folder

type: string

Optional, defines a folder, (Relative to the source files) where the generated files will be created. Default value: ”””

importTypesNamespace

type: string

Optional, override the name of the import namespace used to import from the baseTypesPath file. Default value: “Types (if baseTypesPath is set)”

filePerOperation

type: boolean

Optional, generates one file per operation, using the operation name as the filename. Note: if your documents are in .graphql files and there are multiple operations or fragments in a single file, the generated filename will be based on the first operation or fragment found. Default value: “false”

import type { CodegenConfig } from '@graphql-codegen/cli';

const config: CodegenConfig = {
  schema: 'src/schema.json',
  documents: 'src/**/*.graphql',
  generates: {
    'src/types.ts': { plugins: ['typescript'] },
    'src/': {
      preset: 'near-operation-file',
      presetConfig: {
        extension: '.generated.tsx',
        baseTypesPath: 'types.ts',
      },
      plugins: ['typescript-operations', 'typescript-react-apollo'],
    },
  },
};
export default config;