Javascript React&；中的延迟加载组件场景；延迟加载库

我需要了解React lazy load如何处理以下每个场景的流程：

场景1：假设有A页和B页，也假设有一个组件X。组件X同时存在于A和B中。 不同之处在于，在页面A中，组件是静态导入的，而在页面B中，组件是通过React延迟加载机制导入的。我可以肯定的是，组件X将是js文件主块的一部分，但是页面B实际上会延迟加载组件X，还是只引用main.js块并从那里获取它？ 目前我假设它不会延迟加载文件，因为在组件上添加延迟加载后检查Chrome devtools时，我在devtools网络中没有得到任何额外的块

场景2：假设您有第C页和第D页，也假设有一个组件Y。组件Y存在于这两个页面中，并且在这两个页面中都是延迟加载的。 如果在两个页面之间交替，是否意味着每次都延迟加载组件

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