React-router懒加载和异步组件可以配置prefetch吗

首页课程实战体系课手记专栏慕课教程

React-router懒加载和异步组件可以配置prefetch吗

来源：7-34 串讲react-router知识点

圣诞树

2020-03-28

Vue-router懒加载和异步组件默认通过webpack设置了组件的prefetch (预加载)，不需要loading等待。
而React-router和组件的懒加载(lazy) 需要等待一个loading 的过程，并且必须配合Suspence组件使用，是因为默认没有进行prefetch吗？
在react中能实现 prefetch的功能吗？

写回答

1回答

双越

2020-03-28

已采纳

prefetch 是 webpack 支持的功能，跟 react 或者 vue 没关系。

如果用 import() 方式来 prefetch ，那直接使用即可。

如果用 webpack 插件来 prefetch 的话。默认情况下，create-react-app 创建的 react 项目默认看不到 webpac 配置，可以运行 npm run eject 来显示出 webpack 的配置。然后使用插件配置即可。

0

2

双越

回复

圣诞树

webpack 做异步加载时，不用用 import() 这个函数吗？使用 import() 时可以确定是否使用 prefetch 。可以看看 https://www.jianshu.com/p/4343f2d05c4e

2020-03-28

共2条回复

前端框架及项目面试聚焦Vue3/React/Webpack

面向1-3年前端的框架及项目面试“刚需内容”

4695 学习 · 1667 问题

相似问题

怎么把多个比较小的js文件合并成一个js?

回答 2

非合成事件一定是异步的吗？

回答 1

setTimeout 里仍然异步

回答 2

webpack通过import（）=>{}进行懒加载，使用场景是什么

回答 1

异步大组件加载问题

回答 1

打开慕课网App查看更多内容