Предварительная загрузка веб-пакетов с реагирующим маршрутизатором - PullRequest
Новая
       14

Предварительная загрузка веб-пакетов с реагирующим маршрутизатором

1 голос
/ 29 мая 2019

Я хочу добавить предварительную выборку для компонента в React Router, но в настоящее время компонент представляет собой динамический импорт. Добавление webpackprefetch = true не работает. Поэтому вы хотите знать, как лучше всего добавить webpackprefetch = true в маршрутизатор React.

Я пытался использовать: 

const SCHEDULES = () => import(/* webpackPrefetch: true / / webpackChunkName: "SchedulesPage" */ "./schedules/Schedules");

но это не создает компонент.

Текущий код: 

<Switch>
    { /* Schedules page */ }
   <Route exact path={ `${match.url}/schedules` } component={ Schedules } />
</Switch>

const Schedules = (props: any) => (
    <DynamicRouteImport load={ () => import(/* webpackChunkName: "SchedulesPage" */ /* webpackPrefetch: true */ "./schedules/Schedules") }>
        { (Component: any) => Component === null
        ? <DynamicRouteSpinner />
        : <><GlobalCommandBar /><Component {...props} /></> }
    </DynamicRouteImport>
);
...