日日行,不怕千万里

React_loadable

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 />;
       }
  }
posted @ 2018-09-28 21:17  GongXiaoZhu  阅读(147)  评论(0编辑  收藏  举报