react-loadable 实现 路由懒加载

// 路由懒加载

yarn add react-loadable

    1 

     loadable.js

        import React from 'react';

        import Loadable from 'react-loadable';

        const LoadableComponent = Loadable({

        loader: () => import('./index.js'),

        loading() {

            return <div>正在加载</div>

        },

        });

        // eslint -disable-next-line import/no-anonymous-default-export

        export default () => <LoadableComponent/>

    2

        // import Detail from './pages/detail'

        import Detail from './pages/detail/loadable'

    3

        import { withRouter } from 'react-router-dom'

        export default connect(mapState,mapDispatch)(withRouter(Detail))