由上篇文章我们可以知道，我的项目，打包后的 js 是 7M 的，首屏就加载 7M 的文件虽然没什么特别大的缺点，但总不是最优的解决办法
因此我们用到了 react-router4 的 react-loadable ,以路由的方式进行代码分割。
使用方法很简单：
1、首先需要一个 loading 组建，用于加载前的展示
2、然后修改组建的加载入口
基本的操作就如上图所示。
由上面文章我们可以知道，我的项目打包到同一个 js 里面，有 7M 的大小
然后通过 coding split 之后呢，看看我们的文件吧：
这样带来的坏处就是，可能我的不同组件引入了相同的代码，会导致多次打包。
原理➡️