连接 JS 文件答案

【问题标题】：Concatenating JS Files连接 JS 文件
【发布时间】：2018-12-28 19:47:39
【问题描述】：

我们在自定义 WP 主题中使用 Twitter Bootstrap、Font Awesome PRO (SVG) 和 JQuery。对于 .js 文件，如果我们正确设置了顺序，即 JQuery > Bootstrap > Font Awesome > Site JS，将这些 .js 文件连接到一个缩小文件中是否有任何问题（注意文件大小会更大为了在加载时保存多个页面资产请求）？我不确定这样做是否会以某种方式创建页面/元素渲染问题。谢谢。

【问题讨论】：

我不明白为什么乍一看...为什么不试试看呢？请原谅我，但这似乎是最明显的做法，而不是在这里提出问题。
你在使用 all 的 bootstrap 的 JS 组件吗？因为如果是这样，我可以想象这个包是巨大的，只要你的网络服务器启用了 HTTP/2，抓取多个文件应该不是问题。
好点@Jhecht。我忘记了 HTTP/2 的好处。谢谢你提醒我！

标签： javascript jquery bootstrap-4 gulp-concat font-awesome-5

【解决方案1】：

这产生的唯一问题是您无法使用以前缓存的 jQuery、Bootstrap 等文件。

将它们作为多个文件的最佳情况是根本不加载。最坏的情况是多个请求被 HTTP/2 否定。

同时，对于捆绑，唯一的情况是对大文件的单个请求。连接它们不会赢得任何东西。

【讨论】：