react 路由懒加载

//components/Loadable/index.jsx
import React from 'react';
import Loadable from 'react-loadable'

// 默认的 Loading
const Loading = () => <div>loading</div>

export default function (loader, loading = Loading) {
  return Loadable({
    loader,
    loading,
  })
}

//assembly.js
import Loadable from '@@/Loadable'

const Home = Loadable(() => import('@/pages/home'))
const Detail = Loadable(() => import('@/pages/detail'))
const Login = Loadable(() => import('@/pages/login'))
const Basic = Loadable(() => import('@/layout/Basic'))

export {
  Home,
  Login,
  Detail,
  Basic,
}