我正在使用惊人的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 ...
我可以影响Gatsby或React中第一个加载的HTML(对于每个Gatsby页面而言是否不同?)>
@@ ksav在对问题的评论中回答了问题!谢谢!
答案是使用onRenderBody
文件下的名为gatsby-ssr.js
的函数,如所提到的文章中所述:https://www.gatsbyjs.org/docs/custom-html/