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

问题描述

我正在为我的企业应用程序使用代码拆分，因为我希望首次实现无缝的用户体验。我碰到一个问题，我想在显示该组件之前对其进行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 (将#修改为@）