npm：https://www.npmjs.com/package/react-loadable-visibility
github：https://github.com/stratiformltd/react-loadable-visibility

简介

包装了 react-loadable 和 @loadable/component，仅加载页面上可见内容的引入

我为什么要这个？

react-loadable并且@loadable/component是很棒的高级组件，可在将其他模块安装到您的页面后加载它们。当所需的组件是树的一部分时，这对于将包的大小保持较小并拉入较大的有效载荷非常有用。
但是，它不会考虑您页面上当前可见的内容，而只会加载最终用户实际可见的内容。如果你有一个很长的网页，并加载该页面的用户的全部内容，即使他们可能只能够看到的内容倍以上，这可能是浪费和移动环境特别有害。
react-loadable-visibility通过利用loadable库的现有出色API和扩展来解决这些问题，以便仅在该组件出现后才触发加载其他内容。