问题标签 [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.
gatsby - 如何将变量传递给 pageQuery
我在盖茨比中有这个页面:
假设我提供了$theme
. 我如何提供价值$theme
?我想将其设置为this.props.pathContext.theme.slug
.
文档似乎暗示某些变量应该可以工作,但我不确定如何添加我自己的。
gatsby - GatsbyJS:如何查询转换器插件的结果?
出于学习目的,我编写了一个反转节点内容的 Gatsby 转换器。我将它与 一起使用gatsby-source-filesystem
,仅对.test
文件进行操作:
不幸的是,我对 Gatsby 还是很陌生,所以我很难确定这是否有效。看看官方的变形金刚,他们不仅实现gatsby-node.js
了(这就是我所拥有的),而且还实现了extend-node-type.js
,但我找不到任何关于此的文档。
如何查询变压器的结果?
gatsby - 在项目树中保存 gatsby-config.js 的位置
嗨,我正在学习第 2 部分中的教程:
https://www.gatsbyjs.org/tutorial/part-two/
我陷入了困境:
接下来在站点的基础上创建一个名为 gatsby-config.js 的文件。这是您将插件与其他站点配置一起添加到站点的地方。
我的网站的基础在哪里?根文件夹、public
文件夹、src
文件夹或src/pages
?
谢谢!
javascript - 为什么在 gatsby 中使用 gsap 不能在生产中工作,有什么明显的原因吗?
我将 GatsbyJS 与 Greensock (gsap) 一起使用。我有一个在开发环境中运行良好的动画,但是当我部署到 netlify 时,它会默默地失败。
生产中有什么奇怪的: - GSAP 加载 - 模块加载 - 控制台中没有错误。
它只是不会触发。我认为这与构建过程有关。我之前使用 GSAP 和 webpack,我不知道为什么它不适用于 gatsby 的 webpack 配置。gatsby build 中的 CSS 是如何处理的?这可能是原因吗?
模块代码:
然后我将 Header 模块导入到 layouts/index.js 中:
正如我所说,这在开发中有效,但在生产中无效。这很难调查,因为它发生在代码捆绑之后。任何帮助表示赞赏。
javascript - Gatsby 具有自己查询的可重用组件
Gatsby 目前是否可以构建具有自己的 graphql 查询的可重用组件?如果不是,那么目前将数据传递给可重用组件的最“耦合”方式是什么?我似乎找不到任何这样做的例子,我在文档中也找不到任何东西。
例如,您想为博客制作一个标签云组件,该组件将显示在所有“帖子”页面的侧边栏中以及单个“/tag-cloud”页面上。您可以使用 like<TagCloud limit={20} />
或<TagCloud tags={uniqueTags} />
. 为此,您需要查询所有边,将每个tags
数组映射减少/提取到唯一的、有序的唯一标签字符串集。
或者,假设您想要一个排除当前产品的目录页面的“其他产品”组件。在这里,您可能拥有<ProductsList exclude={currentProduct} />
. 这将是构建时直接过滤的查询。
我能看到这样做的唯一方法是对查询结果进行猴子修补createPages()
或通过context
in传递数据createPage({path, component, context})
。这应该发生在gatsby-node.js
? 还有其他方法吗?
graphql - 如何使用 Contentful 从 Gatsby 中的查询中检索发布的发布日期?
通过这种请求,使用插件从Contentful和GraphQLgatsby-source-contentful
中提取帖子数据,寻找访问帖子发布日期 (post.sys.publishedAt) 或 updatedAt 的方法!
}
javascript - 我应该将源地图部署到生产环境吗?
我正在部署我的网站——一个用 GatsbyJS 构建的静态网站——我的源地图是迄今为止我最大的文件。我有 3 个大约 3MB 的源映射文件。总的来说,它们可能占我构建的 70%。
我应该将它们部署到我的生产服务器吗?
源地图是否仅由打开 devtools 的用户下载?
graphql - 从 GraphQL 请求中获取所有仅包含子类别关系的类别帖子
有一个简单的模型,比如帖子/类别/子类别,帖子 <-> 子类别和类别 <-> 子类别之间的关系。
问题是:
- 如何使用
gatsby-source-contentful
插件发出 GraphQL 请求以获取类别页面中的所有帖子(不添加帖子和类别之间的关系字段? - 在 2 级树中进行帖子分类是有内容的正确方法吗?
似乎由 Contentful API 启用,如本文所述:https ://www.contentful.com/blog/2015/02/17/content-trees-tags-and-facets-in-contentful/
谢谢回复
也许一种方法接近于:
gatsby - 带有 MarkdownRemark 的多个帖子类型
我想知道我是否可以在 gatsby 静态站点中拥有多种帖子类型。
在 gatsby-config.js 我有以下代码。
这两个文件夹都有相关的降价文件,我找不到任何用于检索两者的 graphql 示例。
提前致谢。
wordpress - Gatsby:在 GraphQL 查询中允许不存在的字段
我将 Gatsby 与 Wordpress 源插件一起使用。到目前为止,一切都很好。但问题是我正在查询可能存在或不存在的字段,在这种情况下,是帖子的特色图片。这是我的查询:
设置特色图像时效果很好,但否则会失败。所以我的问题是:GraphQL 中有什么方法可以查询可选字段吗?为必填字段添加默认值?我对 GraphQL 太陌生了,所以我什至不确定这是否可行。谢谢你。