Dynamic import scheduler
yarn add import-scheduler
import { importForInteractive } from 'import-scheduler';
const LazyComponent = lazy(async () => {
await importForInteractive();
return import('./component/lazy');
})
Kinds of schedulers:
importForDisplay()
: Defers dynamic imports until the document.readyState
becomes "interactive"
("DOMContentLoaded"
).importForInteractive()
: Defers dynamic imports until the document.readyState
becomes "complete"
("load"
).importForNextFrame()
: Defers dynamic imports until the next frame.importForTimeout(ms)
: Defers dynamic imports until a set timeout.MIT © lxsmnsyc