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


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

webpack

arsch 9 years, 3 months ago

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

webpack 的好处有几项

  1. 解决依赖关系

  2. 多模块化标准支持

  3. 多功能插件支持

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

譬如,

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

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

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

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

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

伍月柒日小羽 answered 9 years, 3 months ago

Your Answer