小编Anu*_*Anu的帖子

webpack 使用 React Router 预取

我想在 React Router 中为组件添加预取,但目前该组件是动态导入。添加 webpackprefetch= true 不起作用。因此想知道将 webpackprefetch= true 添加到 React 路由器的最佳方法是什么。

我尝试使用:

const SCHEDULES = () => import(/* webpackPrefetch: true / / webpackChunkName: "SchedulesPage" */ "./schedules/Schedules");
Run Code Online (Sandbox Code Playgroud)

但这并没有创建一个组件。

当前代码:

const SCHEDULES = () => import(/* webpackPrefetch: true / / webpackChunkName: "SchedulesPage" */ "./schedules/Schedules");
Run Code Online (Sandbox Code Playgroud)

<Switch>
    { /* Schedules page */ }
   <Route exact path={ `${match.url}/schedules` } component={ Schedules } />
</Switch>
Run Code Online (Sandbox Code Playgroud)

javascript prefetch typescript reactjs webpack

5
推荐指数
0
解决办法
752
查看次数

标签 统计

javascript ×1

prefetch ×1

reactjs ×1

typescript ×1

webpack ×1