问题标签 [gatsby]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
6963 浏览

gatsby - 如何将变量传递给 pageQuery

我在盖茨比中有这个页面:

假设我提供了$theme. 我如何提供价值$theme?我想将其设置为this.props.pathContext.theme.slug.

文档似乎暗示某些变量应该可以工作,但我不确定如何添加我自己的。

0 投票
1 回答
324 浏览

gatsby - GatsbyJS:如何查询转换器插件的结果?

出于学习目的,我编写了一个反转节点内容的 Gatsby 转换器。我将它与 一起使用gatsby-source-filesystem,仅对.test文件进行操作:

不幸的是,我对 Gatsby 还是很陌生,所以我很难确定这是否有效。看看官方的变形金刚,他们不仅实现gatsby-node.js了(这就是我所拥有的),而且还实现了extend-node-type.js,但我找不到任何关于此的文档。

如何查询变压器的结果?

0 投票
1 回答
77 浏览

gatsby - 在项目树中保存 gatsby-config.js 的位置

嗨,我正在学习第 2 部分中的教程:

https://www.gatsbyjs.org/tutorial/part-two/

我陷入了困境:

接下来在站点的基础上创建一个名为 gatsby-config.js 的文件。这是您将插件与其他站点配置一起添加到站点的地方。

我的网站的基础在哪里?根文件夹、public文件夹、src文件夹或src/pages

谢谢!

0 投票
0 回答
611 浏览

javascript - 为什么在 gatsby 中使用 gsap 不能在生产中工作,有什么明显的原因吗?

我将 GatsbyJS 与 Greensock (gsap) 一起使用。我有一个在开发环境中运行良好的动画,但是当我部署到 netlify 时,它会默默地失败。

生产中有什么奇怪的: - GSAP 加载 - 模块加载 - 控制台中没有错误。

它只是不会触发。我认为这与构建过程有关。我之前使用 GSAP 和 webpack,我不知道为什么它不适用于 gatsby 的 webpack 配置。gatsby build 中的 CSS 是如何处理的?这可能是原因吗?

模块代码:

然后我将 Header 模块导入到 layouts/index.js 中:

正如我所说,这在开发中有效,但在生产中无效。这很难调查,因为它发生在代码捆绑之后。任何帮助表示赞赏。

0 投票
2 回答
2270 浏览

javascript - Gatsby 具有自己查询的可重用组件

Gatsby 目前是否可以构建具有自己的 graphql 查询的可重用组件?如果不是,那么目前将数据传递给可重用组件的最“耦合”方式是什么?我似乎找不到任何这样做的例子,我在文档中也找不到任何东西。

例如,您想为博客制作一个标签云组件,该组件将显示在所有“帖子”页面的侧边栏中以及单个“/tag-cloud”页面上。您可以使用 like<TagCloud limit={20} /><TagCloud tags={uniqueTags} />. 为此,您需要查询所有边,将每个tags数组映射减少/提取到唯一的、有序的唯一标签字符串集。

或者,假设您想要一个排除当前产品的目录页面的“其他产品”组件。在这里,您可能拥有<ProductsList exclude={currentProduct} />. 这将是构建时直接过滤的查询。

我能看到这样做的唯一方法是对查询结果进行猴子修补createPages()或通过contextin传递数据createPage({path, component, context})。这应该发生在gatsby-node.js? 还有其他方法吗?

0 投票
1 回答
901 浏览

graphql - 如何使用 Contentful 从 Gatsby 中的查询中检索发布的发布日期?

通过这种请求,使用插件从ContentfulGraphQLgatsby-source-contentful中提取帖子数据,寻找访问帖子发布日期 (post.sys.publishedAt) 或 updatedAt 的方法!

}

0 投票
1 回答
5405 浏览

javascript - 我应该将源地图部署到生产环境吗?

我正在部署我的网站——一个用 GatsbyJS 构建的静态网站——我的源地图是迄今为止我最大的文件。我有 3 个大约 3MB 的源映射文件。总的来说,它们可能占我构建的 70%。

  • 我应该将它们部署到我的生产服务器吗?

  • 源地图是否仅由打开 devtools 的用户下载?

0 投票
0 回答
822 浏览

graphql - 从 GraphQL 请求中获取所有仅包含子类别关系的类别帖子

有一个简单的模型,比如帖子/类别/子类别,帖子 <-> 子类别类别 <-> 子类别之间的关系。

问题是:

  • 如何使用gatsby-source-contentful 插件发出 GraphQL 请求以获取类别页面中的所有帖子(不添加帖子和类别之间的关系字段?
  • 在 2 级树中进行帖子分类是有内容的正确方法吗?

似乎由 Contentful API 启用,如本文所述:https ://www.contentful.com/blog/2015/02/17/content-trees-tags-and-facets-in-contentful/

谢谢回复

也许一种方法接近于:

0 投票
3 回答
3463 浏览

gatsby - 带有 MarkdownRemark 的多个帖子类型

我想知道我是否可以在 gatsby 静态站点中拥有多种帖子类型。

在 gatsby-config.js 我有以下代码。

这两个文件夹都有相关的降价文件,我找不到任何用于检索两者的 graphql 示例。

提前致谢。

0 投票
1 回答
1706 浏览

wordpress - Gatsby:在 GraphQL 查询中允许不存在的字段

我将 Gatsby 与 Wordpress 源插件一起使用。到目前为止,一切都很好。但问题是我正在查询可能存在或不存在的字段,在这种情况下,是帖子的特色图片。这是我的查询:

设置特色图像时效果很好,但否则会失败。所以我的问题是:GraphQL 中有什么方法可以查询可选字段吗?为必填字段添加默认值?我对 GraphQL 太陌生了,所以我什至不确定这是否可行。谢谢你。