gatsby - 在没有 GraphQL 的情况下使用 gatsby-image？

Question

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

标签： gatsbygatsby-image

Answer 1

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

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

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

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

（重点补充）

---

希望这可以帮助！