FuseBox GraphQL Plugin是一个用于FuseBox打包工具的插件，它可以帮助开发者更方便地使用GraphQL来获取数据并且打包成可用的代码。
安装
要使用FuseBox GraphQL Plugin，首先需要安装FuseBox打包工具和GraphQL。可以通过npm安装这两个依赖包：
npm install fuse-box graphql --save
另外，还需要安装FuseBox GraphQL Plugin本身：
npm install fuse-box-graphql-plugin --save-dev
使用
安装完成之后，在FuseBox的配置文件中加入如下代码：
-- -------------------- ---- -------
----- - ------- - - --------------------
----- - ------------- - - -----------------------------------
----- ---- - --------------
-------- ------
------- ----------------
-------- -
---------------
------- -------------------
------------ -----
--- ----
--
-
---
---------------------------------- ------------
-----------其中，schema是GraphQL的schema文件，modulesAuto表示自动将GraphQL query转换为模块，ts表示输出的文件采用TypeScript编写。
示例
为了更好地理解FuseBox GraphQL Plugin的使用方法，我们可以以一个简单的示例来进行演示。
假设我们有一个GraphQL服务，并且它的schema如下所示：
type Query {
user(id: Int!): User
}
type User {
id: Int!
name: String!
}我们的目标是使用FuseBox GraphQL Plugin获取这个GraphQL服务中的数据，并且输出到一个JS文件中以供Web应用程序使用。
我们创建一个src目录，其中包含三个文件：index.ts、schema.graphql和userQuery.graphql。
schema.graphql文件就是我们的GraphQL schema文件，内容如上所示。
userQuery.graphql文件则包含了我们要使用的GraphQL query的定义，内容如下所示：
query getUser($userId: Int!) {
user(id: $userId) {
id
name
}
}最后是index.ts文件，这个文件包含了对GraphQL query的引用并且输出到JS文件中：
import { getUser } from './userQuery.graphql';
getUser({userId: 1}).then((user) => console.log('User:', user));在运行项目前，还需要在命令行中输入如下命令来编译打包应用程序：
node fuse.js
最后，运行编译后生成的JS文件就可以得到我们需要的结果。
结论
FuseBox GraphQL Plugin是一个非常实用的工具，它可以帮助我们更方便地使用GraphQL来获取数据并且打包成可用的代码。通过这篇文章的介绍，相信读者对FuseBox GraphQL Plugin的使用已经有了更深入的了解，可以灵活地利用这个插件来提升工作效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055f3d81e8991b448dccb0