webpack生成bundle.js文件为什么那么大,会影响加载速度吗
webpack生成bundle.js那么大,页面加载速度变慢,那使用webpack有什么意义?
arsch
9 years, 3 months ago
Answers
当然会比较大,因为不光打包了你自己开发的
JavaScript
文件,还把依赖(就是那些第三方的库文件)也都打包进去了,确实会比较大。
webpack
的好处有几项
-
解决依赖关系
-
多模块化标准支持
-
多功能插件支持
相比这些在软件工程中急需解决的问题,“大”这个小事儿可以通过其他方式解决。
譬如,
uglify
,可以很大程度上压缩源代码,使之体积减小。
或者通过
nginx
的
gzip_comp_level
选项可以设置
1 ~ 9
不同的压缩级别,以降低网络传输压力。
两者混用效果奇佳,而且也是最常见最有效的方式
例如
React.js
的源文件有
610k
左右,
uglify
之后已经不到
200k
了,再通过
nginx
压缩一把,用户在浏览器下载时,只有
40k
左右了。
以当今的网络环境,除非你有精确测试结果,否则真心没必要一开始就考虑什么文件大小的问题,我们已经不是那个时代了
伍月柒日小羽
answered 9 years, 3 months ago