React和延迟加载库中的延迟加载组件方案

时间:2020-09-23 10:06:56

标签: javascript reactjs import

我需要了解React延迟加载如何处理以下每种情况的过程:

方案1:假设您有A页和B页,还假设有一个组件X。A和B都存在组件X。 不同之处在于,组件在页面A中是静态导入的,而页面B中是通过React延迟加载机制导入的。我可以确定的是,组件X将成为js文件主块的一部分,但是页面B实际上会延迟加载组件X,还是仅引用main.js块并从那里获取? 当前假设它不会延迟加载文件,因为在向组件添加延迟加载后检查Chrome devtools时,我在devtools网络中没有得到任何其他块。

方案2:假设您有C页和D页,还假设有一个组件Y。两个页面中都存在组件Y,并且两个页面中的组件Y都被延迟加载。 如果您在页面之间交替,那是否意味着每次都延迟加载该组件。

最后,是有关导入库的问题。 假设我有一个在某个页面中将使用一次的库。仅当我访问具有该库的页面时,才可以延迟加载该库及其依赖项吗? 我的意思是我发现下载一个大型库仅用于一个实例是不可行的。用户将必须下载整个软件包。请记住,用户甚至可能不会访问该页面,因此下载该软件包和浪费资源将很糟糕。

0 个答案:

没有答案