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

Question

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

Answer 1

双越 2020-03-28 20:01:22

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

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

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

• 提问者 圣诞树 #1

  ‘如果用 import() 方式来 prefetch ，那直接使用即可。’  
  这句话不是很理解。 是指用import()引入第三方插件进行prefetch吗?

• 双越 回复 提问者 圣诞树 #2

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