首页 > 用react和redux做的单页面应用,分块打包js之后首页的分块还是太大,应该怎么优化?

用react和redux做的单页面应用,分块打包js之后首页的分块还是太大,应该怎么优化?

因为action和reducer的代码越来越多,虽然做了模块分块打包,但是首页要加载的第一个分块会把所有模块的action和reducer的代码打包进去。
本来首页分块已经打包了react,react-router, redux的代码,再加上各个模块的action和reducer代码,导致首页的分块比较大,有没有什么办法优化一下呢。


How to dynamically load reducers for code splitting in a Redux application

redux的作者提供了一个异步加载reducer的思路,空了可以尝试一下。


  1. 首先是把 react,react-router,react-dom,redux 这些分块打一个 commonchunk, 然后业务代码打一个 chunk

  2. 业务代码 100k - 200k 左右都算是能接受的

  3. 最后服务器开一下 gzip,能够压缩几倍

【热门文章】
【热门文章】