webpack打包优化之react-router路由分割

 

  我们在用react全家桶做项目打包出来的文件是全部打包在一起的，（js一个文件，css一个文件），这样进入首页之后全部加载出来。这样在一个小的项目时没有问题，但是在手机端或者是在pc端比较大的项目，首屏加载时间很慢见识一个很大的问题，会影响用户的使用体验，那么接下来讲一线解决方法

  首先想一下要如何解决，要是首屏只加载一些必要的资源，在路由变化时在加载相应的打包文件，这样就可以了。那要如何做呢，这就要来说以下路由分割了，路由分割就是根据路由打包出相应的包，然后在路由变换时在加载这个路由对应的包。接下来说一下代码如何试下路由分割。

---未完待续---