加载大型page-data.json时，如何在Gatsby网站上显示加载器？

Question

我要在一个大列表中加载2000多个视频卡（可以通过react-window快速加载/运行）。第一次加载此主页可能需要一段时间，但此后效果不错（先加载然后缓存10MB数据）。我正在尝试在加载数据时显示微调框（加载动画）。在其他站点中，我简单地做了一个基本条件测试，以检查我正在加载的items数组的length是否大于0。但是对于Gatsby，似乎该站点可以很好地加载数组所以array.length在这里不起作用。

是否有某种事件或方法可以测试page-data.json是否已加载？

Answer 1

考虑使用官方的nprogress插件https://www.gatsbyjs.org/packages/gatsby-plugin-nprogress/