我无法在文档中找到一个直接的答案,我担心这可能是我不理解 Gatsby/GraphQL 数据查询的问题。本质上,我想知道您的页面/组件中的 GraphQL 查询是在构建时运行还是在客户端运行时运行。例如:
假设我有一个使用 GatsbyJS 构建并托管在 Netlify 上的静态网站。在站点的一个页面上,我查询托管在站点服务器文件系统中的图像。像这样的东西:
query {
exampleImage: file(
relativePath: {
eq: "images/homepage/marquee_image.jpg"
}
) {
childImageSharp {
fluid(maxWidth: 400, quality: 90) {
...GatsbyImageSharpFluid_withWebp
}
}
}
}
当用户访问站点以获取图像并处理它时,它是否会运行,或者它会在构建时运行查询和图像处理并在运行时向客户端提供数据?