首页 > Web开发 > 详细

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

时间:2017-07-04 11:57:58      阅读:416      评论:0      收藏:0      [点我收藏+]

 

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

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

---未完待续---

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

原文:http://www.cnblogs.com/liyuanqing/p/7115720.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!