简介
eslint-plugin-graphql 是一个用于检查 GraphQL 查询和模式的 ESLint 插件。它可以检测到查询中使用了不存在的字段，以及在定义 schema 中未使用过的类型和字段等问题。
安装
在使用此插件之前，你需要先安装 ESLint。然后，在命令行窗口中执行以下命令来安装 eslint-plugin-graphql：
npm install eslint-plugin-graphql --save-dev
配置
在你的 ESLint 配置文件中（如 .eslintrc 文件）添加以下配置项：
-- -------------------- ---- -------
-
---------- -
---------
--
-------- -
--------------------------- --------- -
------ ---------
--------------------- ---------------
--
-
-这里说明一下各个配置项的含义：
"plugins": ["graphql"]表示启用了 graphql 插件；"rules"是规则配置项；"graphql/template-strings"是要启用的规则名称，同时也是 plugin 名称；"error"表示如果检测到问题，则会报错；"env": "apollo"表示启用 apollo 的环境变量；"schemaJsonFilepath": "./schema.json"表示 schema 的位置。
示例代码
下面是一个使用了 eslint-plugin-graphql 的示例代码：
-- -------------------- ---- -------
----- - --- - - --------------------------------
----- -------- - ----
---- ----- -
-------- ----- ----
-
---- ---- -
--- ---
----- -------
------ -------
-
-
-------------- - --------当你运行 ESLint 时，如果存在以下问题，eslint-plugin-graphql 将会给出相应的警告或错误信息：
user查询中缺少id参数；User类型缺少email字段。
总结
在使用 GraphQL 开发时，eslint-plugin-graphql 可以帮助我们检测到查询和模式中的问题，提高代码质量和开发效率。同时，根据插件的提示，修复问题也是一项学习和提高编码能力的过程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/42576