react路由按需加载方法

使用router4之后以前的按需加载方法require.ensure 是不好使了。

所以我们改用react-loadable插件做按需加载。

第一步：

yarn add react-loadable --save-dev

第二步

创建一个 loadable文件 代码如下：

import React from 'react';

import Loadable from 'react-loadable';

export default function withLoadable (comp) {

    return Loadable({

        loader:comp,

        loading:()=>null,

        delay:

    })

}

路由这样写

import Bundle from './loadable';

const WrappedNormalLoginForm= Bundle(()=>import('./doLogin/dologin'));

···

   <Route exact path="/" component={WrappedNormalLoginForm}/>

···

有不对的地方请多多指正