npm包文件本地与unpkg CDN下载大小差异问题咨询

出现这种大小差异主要有以下几个核心原因：

• HTTP传输级压缩：unpkg这类CDN会自动对JS文件启用Gzip或Brotli压缩。你看到的73.2KB是浏览器下载时的压缩后体积，而本地npm包中的307KB是文件的原始未压缩大小。这类压缩算法对JS这类文本型文件的压缩率通常能达到60%-80%，307KB压缩到73KB左右完全符合这个范围。

• 构建产物版本不同：npm包的dist目录通常会包含多个构建产物：

  • 你本地查看的可能是未压缩的开发版本（保留了注释、空白字符、调试代码，甚至附带source map）；
  • unpkg默认提供的是生产环境的压缩版本（经过terser或类似工具做了代码混淆、移除空白与注释、合并冗余逻辑等处理）。你可以检查本地dist目录下是否存在类似activeTable.bundled.min.js的文件，它的大小应该和CDN下载的压缩后体积接近。

• CDN的额外优化：unpkg会对托管的包资源做针对性优化，比如自动选择最优的构建产物，或者对文件进行二次压缩处理，进一步缩小传输体积。

内容的提问来源于stack exchange，提问作者Ovidijus Parsiunas