由上篇文章我們可以知道，我的項目，打包后的 js 是 7M 的，首屏就加載 7M 的文件雖然沒什么特別大的缺點，但總不是最優的解決辦法
因此我們用到了 react-router4 的 react-loadable ,以路由的方式進行代碼分割。
使用方法很簡單：
1、首先需要一個 loading 組建，用於加載前的展示
2、然后修改組建的加載入口
基本的操作就如上圖所示。
由上面文章我們可以知道，我的項目打包到同一個 js 里面，有 7M 的大小
然后通過 coding split 之后呢，看看我們的文件吧：
這樣帶來的壞處就是，可能我的不同組件引入了相同的代碼，會導致多次打包。
原理➡️