0

不幸的是,我们使用的是 Gatsby,但放弃了它的许多功能,比如 GraphQL。我想仍然使用 gatsby-image。尽管我无法从调整大小转换中受益,但我希望获得其他好处,例如延迟加载和占位符。有没有办法通过只传递一个 url 而不是传递 GraphQL 查询的结果来做到这一点?

4

1 回答 1

2

Gatsby 文档有一个关于上述 GraphQL 的页面。简而言之:不,gatsby-image不是为在 Gatsby 的 GraphQL 数据层之外工作而设计的。虽然可以在没有 GraphQL 的情况下进行构建,但您将失去许多将 Gatsby 与替代品区分开来的优势。去引用:

也可以在 Gatsby 站点中使用“非结构化数据”方法,不需要 GraphQL。[...]

在数据层之外工作 [然而] 意味着放弃由转换器插件提供的优化,例如:

  • gatsby-image(快速优化图像)
  • gatsby-transformer-sharp(提供可查询字段,用于以多种方式处理图像,包括调整大小、裁剪和创建响应式图像),
  • … 由官方和社区创建的转换器插件组成的整个 Gatsby 生态系统。

(重点补充)


希望这可以帮助!

于 2020-02-27T10:28:16.593 回答