react-lazy

import懒加载

import('xxx/xxx').then()

Snippet

import React, {Suspense, lazy} from 'react';

const Comp3Lazy = lazy(() => new Promise((resolve) => {
  setTimeout(() => {
    resolve(import('./components/Comp3'));
  }, 3000);
}));

<Suspense fallback={<div>Loading...</div>}>
  <Route path="/comp3-lazy" component={Comp3Lazy}></Route>
</Suspense>