我使用lazy
and suspense
of React 来实现路由延迟加载。
const Create = lazy(() => import(/* webpackPrefetch: true */ /* webpackChunkName: create */ '@/views/create'));
const HomePage = lazy(() => import(/* webpackChunkName: "homepage" */ /* webpackPrefetch: true */ '@/views/homepage'));
登陆页面是主页,用户可以重定向到创建页面。
但我发现预取不起作用!
我预计<link rel="prefetch"/>
当用户登陆主页时,将插入 html 以预取 Create 页面的捆绑包。