react-loadable 进行代码分割的基本使用

由上篇文章咱们能够知道，个人项目，打包后的 js 是 7M 的，首屏就加载 7M 的文件虽然没什么特别大的缺点，但总不是最优的解决办法

所以咱们用到了 react-router4 的 react-loadable ,以路由的方式进行代码分割。

使用方法很简单：

　　一、首先须要一个 loading 组建，用于加载前的展现

　　二、而后修改组建的加载入口

　　

　　

基本的操做就如上图所示。

由上面文章咱们能够知道，个人项目打包到同一个 js 里面，有 7M 的大小

而后经过 coding split 以后呢，看看咱们的文件吧：

这样带来的坏处就是，可能个人不一样组件引入了相同的代码，会致使屡次打包。

原理➡️