单击按钮即可响应惰性加载动态导入加载组件

问题描述

我正在为我的企业应用程序使用代码拆分,因为我希望首次实现无缝的用户体验。我碰到一个问题,我想在显示该组件之前对其进行PRTEFETCH(第2页)。示例:我在主页上->然后单击具有页面2链接页面1链接

我的要求是,我登陆页面1时要预取页面2组件,但是观察到的是,我在页面1中编写的用于预取页面2的代码在加载站点后即被加载。主页已加载。

const page2ComponentPromise = import("./Page2"); const Page2Component = lazy(() => page2ComponentPromise);

我的问题如下:

  1. webpack是否在后台执行此操作?我认为是。

  2. 我们是否可以控制此行为并指导webpack何时开始进行预取 这种在我的Web应用程序中实现直观路径的方法?怎么样?

  3. 我做错了什么吗?

  4. 我的查询有效吗?意味着我们可以实现这种行为以及如何实现?

请引导我浏览一些参考URL。谢谢!

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...