react-React.lazy懒加载

作用：组件异步加载，减少初次加载的代码数量，（性能优化）

原理：使用import来懒加载组件，import 在webpack中最终会调用requireEnsure方法，动态插入script来请求js

const Foo= React.lazy(()=>import('./component/Foo'));

//React.lazy不能单独使用，需要配合React.suspense(用来包裹异步组件，添加loading效果）
<React.Suspense fallback={<div>loading...</div>}>
    <Foo />
<React.Suspense>