webpack+react-router动态路由的问题

我使用webpack的动态加载来设置react-router动态路由,同时将所有的第三方公共库文件抽离出来图片描述

但是即使这样,index.js文件依然又可怕的1.5M以上,加载的代价是非常大的。而且目前我的的页面明显不多,以后更多的情况下预计会更加的大。这种情况应该怎么办??

阅读 5.9k
2 个回答

服务器开启gzip,js没多少的

  1. 检查下是不是有公共模块没有提取出来(CommonsChunkPlugin,在使用插件时极易发生重复引用的情况)

  2. 是否开启了 min(Uglify)

  3. 使用 gzip 进一步降低文件大小

  4. 如果完成了以上几条还是不能得到理想的文件体积,考虑排除一些功能冗余的库,使用自己的代码实现必要的功能。仍然不行的话建议做多入口吧。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题