webpack打包原理阮一峰 webpack生成bundle.js文件为什么那么大，会影响加载速度吗？

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

当然，它会比较大，因为不仅打包了您开发的JavaScript文件，而且打包了依赖项（即那些第三方库文件），这确实是比较大的。webpack具有解决依赖关系、多模块标准支持、多功能插件支持等优点。与这些软件工程中迫切需要解决的问题相比，“大”可以通过其他途径来解决。例如，uglify可以在很大程度上压缩源代码并减少其体积。或者通过nginx_uucomp_uu2;的gzip，level选项可以设置从1到9的不同压缩级别，以降低网络传输压力。两者混用的效果非常好，也是最常见、最有效的方法反应.js经过uglify，源文件不到200K，如果用nginx压缩，用户可以用40K下载，在今天的网络环境下，除非你有准确的测试结果，一开始就不需要考虑文件大小的问题。我们不再是那个时代了

webpack实现原理的核心是使用tapable的插件机制，了解它，然后了解它的工作原理。我写了一些相关的分析文章，希望能对你有所帮助：网页包源代码分析（1）-可点击插件架构

webpack打包原理阮一峰 webpack动态引入路径 webpack打包忽略文件

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。