GraphQL

Parcel 支持通过 @parcel/transformer-graphql 插件将在单独文件中定义的 GraphQL 查询导入 JavaScript。当检测到 .graphql 或 .gql 文件时，它会自动安装到您的项目中。

示例用法

GraphQL 文件作为字符串导入 JavaScript，您可以直接将其发送到服务器或与您喜欢的任何 GraphQL 库一起使用。

import query from "./query.graphql";

{
  user(id: 5) {
    firstName
    lastName
  }
}

依赖项

Parcel 还支持使用特殊的注释语法将单独文件中定义的片段导入另一个 GraphQL 文件。这些将被捆绑到一个单一的 GraphQL 查询中，并作为字符串返回到您的代码中。

您可以从文件中导入所有片段：

# import "fragments.graphql"
# import * from "fragments.graphql"

或列出您要导入的特定片段：

# import UserFragment, AddressFragment from "fragments.graphql"

下面是一个完整示例，展示了如何将导入用作更大的 GraphQL 查询的一部分：

# import UserFragment from "user.graphql"
# import "address.graphql"

query UserQuery($id: ID) {
  user(id: $id) {
    ...UserFragment
    address {
      ...AddressFragment
    }
  }
}

fragment UserFragment on User {
  firstName
  lastName
}

fragment AddressFragment on Address {
  city
  state
  country
}