webpack生成bundle.js文件为什么那么大,会影响加载速度吗

webpack生成bundle.js那么大,页面加载速度变慢,那使用webpack有什么意义?图片描述

阅读 14.1k
4 个回答

当然会比较大,因为不光打包了你自己开发的JavaScript文件,还把依赖(就是那些第三方的库文件)也都打包进去了,确实会比较大。

webpack的好处有几项

  1. 解决依赖关系

  2. 多模块化标准支持

  3. 多功能插件支持

相比这些在软件工程中急需解决的问题,“大”这个小事儿可以通过其他方式解决。

譬如,

uglify,可以很大程度上压缩源代码,使之体积减小。

或者通过nginxgzip_comp_level选项可以设置1 ~ 9不同的压缩级别,以降低网络传输压力。

两者混用效果奇佳,而且也是最常见最有效的方式

例如React.js的源文件有610k左右,uglify之后已经不到200k了,再通过nginx压缩一把,用户在浏览器下载时,只有40k左右了。

以当今的网络环境,除非你有精确测试结果,否则真心没必要一开始就考虑什么文件大小的问题,我们已经不是那个时代了

整合到一起的文件都3M啦 ,再怎么压缩能压缩到30k嘛?

建议图片不要压缩到里面,图片通过base64压缩会增大文件,然后没用的包记得删掉,

试了@leftstick的方法,先用uglify可以压到200k多点儿。

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