如何在gatsby Web应用程序中本地配置http2

Question

目前，我正在本地构建webapp。我们如何配置和测试应用程序的http / 2。是否有需要设置的插件或扩展。暂时不使用netlify。

Answer 1

完全不知道您尝试了什么，以及如何实现淡入效果。我建议另一种方法，这是我一直用于创建页面过渡（淡入和淡出）的方法：使用gatsby-plugin-transition-link。

它允许您创建自定义动画或使用一些默认或预定义的动画，您可以检查演示站点here。

对于预定义的转换（简单的方法，您只需要导入de component并像这样使用它：

import AniLink from "gatsby-plugin-transition-link/AniLink"

<AniLink paintDrip to="page-2">
  Go to Page 2
</AniLink>

对于自定义过渡：

<TransitionLink
  exit={{
    length: length,
    trigger: ({ exit, node }) =>
      this.someCustomDefinedAnimation({ exit, node, direction: "out" }),
  }}
  entry={{
    length: 0,
    trigger: ({ exit, node }) =>
      this.someCustomDefinedAnimation({ exit, node, direction: "in" }),
  }}
  {...props}
>
  {props.children}
</TransitionLink>

有关更多信息，请查看其docs。

此外，还有另一个插件gatsby-page-transitions，但集成最脏，更复杂，反馈也更少（就全局而言）>