我有一个 单页webapp ，大小约为300Kb。它与webpack捆绑在一起，并使用React / Redux。
如何在页面加载之前预先放置一个小的加载微调框？我可以成像
一种方法是将加载动画插入index.html中
例如
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <div id="content"> <div id="loader" /> </div> <script src="build/app.js"></script> </body> </html>
然后，在bundle.js加载之后，它将呈现在内容中，并且加载动画将消失。
编辑：
另一种方法是使用渐进式Webapp。 https://developers.google.com/web/updates/2015/10/splashscreen
但是，此功能可能仅在现代浏览器中可用，这就是为什么应将第一种方法用作后备方法的原因。但是，这样做的好处是，如果您的应用程序处于脱机状态，它将仍然播放正在加载的动画，并且可以给出特定的错误消息。
