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
// eslint -disable-next-line import/no-anonymous-default-export export default () =>
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))
const LoadableComponent = Loadable({ loader: () => import('./index.js'), loading() { return
正在加载
},
});
// eslint -disable-next-line import/no-anonymous-default-export export default () =>
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))