如何合并外部 JavaScript 文件

Posted 2023-03-25

【中文标题】如何合并外部 JavaScript 文件

【英文标题】：How to combine external JavaScript files

【发布时间】：2018-08-01 14:30:53

【问题描述】：

在网站优化中并在 pingdom 和其他网站上测试了它的速度后，它说要结合外部 javascript 文件。我该如何组合它们？

这里是它说要合并的以下文件，但我不知道如何合并它们。

There are 2 JavaScript files served from mc.yandex.ru. They should be combined into as few files as possible.
https://mc.yandex.ru/metrika/tag.js
https://mc.yandex.ru/watch/47716165/1?wmode=7&p ... 0%26%20Reviews%20in%20UAE%20%7C%20YallaMotor.com

There are 2 JavaScript files served from static.adsafeprotected.com. They should be combined into as few files as possible.
https://static.adsafeprotected.com/sca.17.4.95.js
https://static.adsafeprotected.com/skeleton.js

There are 2 JavaScript files served from www.gstatic.com. They should be combined into as few files as possible.
https://www.gstatic.com/firebasejs/4.10.1/firebase-app.js
https://www.gstatic.com/firebasejs/4.10.1/firebase-messaging.js

如何将它们合并到一个文件中？

【问题讨论】：

如果它们是从 CDN 提供的，就像它们看起来那样，您不能将它们组合起来。如果你真的想合并它们，你必须下载它们，手动或使用任务自动化工具（Gulp...）合并它们，然后从你自己的服务器上提供合并的文件。

【参考方案1】：

合并 Javascript 文件

JavaScript 可以通过使用前辈进行组合。 Gulp 是处理器之一。 如果使用 gulp，有一个包叫gulp concat，应该先导入，我们可以简单地将多个 JavaScript 文件合并为一个。所以脚本文件将是一个。

查看这个关于 gulp 的问题：Using Gulp to Concatenate and Uglify files 。

步骤很简单

1) 导入 gulp 2) 添加文件 3) 在.dest()中添加目的地。

但是你应该下载js文件，并将它添加到你的本地路径。