javascript - 脚本的大小(外部链接)+将它们合并为 1

Question

当我下载 angular.js 并将其上传到我的虚拟主机时，如下所示:

<script src="js/angular.min.js"></script>

它有141kb。如果我使用原始的cdn:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>

Chrome 的控制台显示大小仅为 45kb。这怎么可能？这是相同的代码。这种情况发生在所有其他框架库上，例如 jQuery 或 e.g. Angular Material 。

我有大约 15 个脚本，所以我想将它们合并到 1 个文件中并缩小它(使用 gulp)。但实际上结果的大小比使用 cdn(或外部链接)大 2 倍。啊？有点困惑。

我尝试了firefox，它显示的大小122kb，所以它可能只是 Chrome 的问题。那我该怎么办？不再关心 chrome 并使用 gulp 将其全部合并？

编辑: 来自 angular.js 常见问题解答:

How big is the angular.js file that I need to include? The size of the file is ~50KB compressed and minified.

Answer 1

我认为这都是关于 gzip 压缩的。也许您在服务器上关闭了该选项。

你使用的是 Apache 吗？尝试类似的事情

    <ifModule mod_gzip.c>
    mod_gzip_on Yes
    mod_gzip_dechunk Yes
    mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
    mod_gzip_item_include handler ^cgi-script$
    mod_gzip_item_include mime ^text/.*
    mod_gzip_item_include mime ^application/x-javascript.*
    mod_gzip_item_exclude mime ^image/.*
    mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
    </ifModule>

(来自谷歌的某处)。