loadable-components是用于通过动态导入加载组件的库。 它自动处理各种边缘情况，并使代码拆分变得简单！

具体文档可参考REACT TRAINING / REACT ROUTER / Code Splitting

这是一个如何使用可加载组件的示例：

import loadable from "@loadable/component";
import Loading from "./Loading.js";
const LoadableComponent = loadable(() => import("./Dashboard.js"), {
  fallback: <Loading />
});
export default class LoadableDashboard extends React.Component {
  render() {
    return <LoadableComponent />;
  }
}

通过loadable引入的组件，在打包时会自动为您拆分