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

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

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

包装太大了。我们推荐两种快速方法：

外部链第三方依赖

外部是一种常用的优化方法。在生成时，依赖项文件与节点相关。模块导入更改为外部链接引用（即脚本标记CDN加载方法）

使用commonchunkplugin提取公共代码

我是[front-end rain dad]。你可以跟我来看看前端技术相关的文章。

webpack阮一峰 webpack打包 webpack打包普通项目

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