如何在 React / Webpack 应用程序中为大型 javascript 文件显示加载指示器？

Question

我有一个 React 应用程序，其中包含一组要下载的大型 JavaScript 文件（几 MB），使用 Webpack 来捆绑这些文件。并非所有页面都需要这些文件，除非用户明确启动应用程序，否则我不想“预加载”它们。

我想在 JS 文件下载时显示某种加载页面或指示器。但是，如果文件已经下载并在缓存中，我想跳过该页面。

如何在我的 React 应用程序上显示加载指示器？