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
}