JavaScript：graphql-eslint（ESLint 插件）

# JavaScript：graphql-eslint（ESLint 插件）

## 简介

graphql-eslint 是一个用于 ESLint 的插件，它将 GraphQL AST（抽象语法树）深度集成到 ESLint 核心中，作为自定义解析器工作。通过该插件，开发者可以在标准的 ESLint 流程中检查 `.graphql` 文件及嵌入在 JavaScript/TypeScript 中的 GraphQL 代码，实现统一的代码风格和静态错误检查。

## 功能特点

- **GraphQL 解析器**：将 GraphQL 文档转换为符合 ESLint 规则的 AST，使 ESLint 可以直接分析 GraphQL 语法。
- **丰富的规则集**：内置大量 GraphQL 专属规则，如命名约定、操作匿名限制、字段重复、Schema 安全校验等。
- **无缝集成**：与现有 ESLint 配置、编辑器插件和 CI 流程完美兼容。
- **支持 TypeScript**：可与 `@typescript-eslint` 等解析器配合，覆盖不同类型文件。

## 安装

使用 npm 安装插件：

```bash
npm install --save-dev @graphql-eslint/eslint-plugin

yarn add --dev @graphql-eslint/eslint-plugin

pnpm add --save-dev @graphql-eslint/eslint-plugin

module.exports = {
  overrides: [
    {
      files: ['*.graphql'],
      parser: '@graphql-eslint/eslint-plugin',
      plugins: ['@graphql-eslint'],
      rules: {
        // 启用指定规则
        '@graphql-eslint/no-anonymous-operations': 'error',
        '@graphql-eslint/naming-convention': [
          'error',
          {
            OperationDefinition: { style: 'PascalCase' },
          },
        ],
      },
    },
  ],
};