Gatsby-折叠式初始HTML

问题描述 投票:1回答:2

我正在使用惊人的Gatsby框架(版本2.16.1)构建登录页面。

一切都会正常运行,除了我找不到在加载任何脚本之前对正在加载的HTML进行更改的方法(“折叠”初始HTML)。

例如,如果我在Gatsby中更改HTML的背景色-自从显示“折叠”初始HTML以来,用户最多可以等待5秒钟,直到应用了背景色。

我了解gatsby-browser.js和制作全局CSS文件的能力,但是对我来说这没用,因为我为每个着陆页使用了不同的颜色或背景图片。

我的问题是:我可以影响Gatsby或React中第一个加载的HTML(对于每个Gatsby页面而言是否不同?)>

插图:我将背景色涂成黄色,但是流程是这样的-

HTML is first displayed (background=while) -->
3-5 seconds later -->
all scripts are loaded, and background changes to yellow

我正在使用惊人的Gatsby框架(版本2.16.1)构建登录页面。一切都可以正常工作,除了我找不到一种方法来更改正在加载的HTML ...

html reactjs gatsby
2个回答
0
投票

我可以影响Gatsby或React中第一个加载的HTML(对于每个Gatsby页面而言是否不同?)>


0
投票

@@ ksav在对问题的评论中回答了问题!谢谢!

答案是使用onRenderBody文件下的名为gatsby-ssr.js的函数,如所提到的文章中所述:https://www.gatsbyjs.org/docs/custom-html/

© www.soinside.com 2019 - 2024. All rights reserved.