有没有大佬解释一下webpack打包 10M 和 8M的区别?

Question

问题描述

webpack打包 10M 和 8M的区别?

问题出现的环境背景及自己尝试过哪些方法

去除了重复引用的png以及字体图标引用文件和css文件

你期待的结果是什么？实际看到的错误信息又是什么？

虽然打包少了2m，但是不是太明白这2M少了有什么作用？希望大佬指点一下

Answer 1

如果是pc端的项目，可能影响并不是很大，网速都可以达到2M/s，也就是快了1S的加载速度，
但是如果是移动端项目，采用的是4G网络，可能就快了2S的加载速度，
以上结果是在文件都是整个大文件的前提下得出的，如果是很多小文件，如图片和css，那么加载速度会慢更多。

网站打开速度的快与慢关系到用户体验的问题，关系到网站对搜索引擎传递的友好度问题

Answer 2

你要换个角度去考虑问题； 你的原始大小是 10M;然后你优化之后 减少了 2M; 也就是说 优化使包的大小减少了 20%; 所以，如果是个100M的包，就会减少 20M； 这个还是很可观的。

你想，如果100个人通过4G下载你的包， 你通过优化让他们一共少下载了 接近 2G 的流量。 然后你再去看看现在3大运营商，2G的流量大概需要多少费用。 你就可以把你的 优化 对应到 经济上了。

哈哈，以上纯属娱乐