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

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

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

---未完待续---