React_loadable

Posted 2021-01-09 gongyalei

1、基于import()的自动代码拆分import()的厉害之处在于 Webpack 2 可以自动拆分代码，不论你在何时加入新代码，都不用做其他额外的工作，你可以通过切换 import() 位置来轻易试验代码拆分点，以便让你的app达到最佳性能。

2、import Loadable from ‘react-loadable‘;

      import Loading from ‘./Loading‘;

  const LoadableComponent = Loadable({
  　　loader: () => import(‘./Dashboard‘),
  　　loading: Loading,
　})

　export default class LoadableDashboard extends React.Component {
       render() {
            return <LoadableComponent />;
       }
  }