如何解决带有 webpack ES6 导入的可编程预取/预加载 javascript
在大型 React SPA 中,我希望在用户打开/使用特定屏幕/功能时加载一些代码块。
我们的许多 React 组件都使用 const Component=React.lazy(() => import('./lazyCode'))
我想在渲染时获取并改善 UX 延迟。 由于 SPA 的规模和复杂性,我不想过早加载它们中的任何一个。
例如我想预加载下一个反应组件(及其依赖项),而“下一个”是基于用户输入的动态和条件。
Webpack 支持 ES6 import(/* webpackPrefetch: true */ './path/to/LoginModal.js');,但是它没有 API。什么时候触发预取目前还不清楚。
我可以对 import(pathToJs[i])
链进行编程,但这不适用于浏览器中的 <link prefetch>
网络优先级。
Webpack 不提供用于获取要加载的实际 URL 的 API,因此我自己也无法<link prefetch>
。
对于托管的吐出块延迟加载,我们可以做任何代码模式吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。