如何将所有js外部脚本标记合并为一个

How to combine all js external script tag to one?

本文关键字：合并 一个 js 脚本 外部      更新时间：2023-09-26

为了提高页面速度，我必须将所有脚本标记合并为一个。我尝试合并所有的js文件，但这会导致jquery出现错误。以下是我使用过的几个脚本。

<script src="/index_files/jquery_002.js" type="text/javascript"></script>
<script src="/index_files/jquery_003.js" type="text/javascript"></script>
<script src="/index_files/mootools-core.js" type="text/javascript"></script>
<script src="/index_files/core.js" type="text/javascript"></script>
<script src="/index_files/respond.js" type="text/javascript"></script>

有人能帮我吗。

有很多方法可以实现这一点。。。

谷歌的闭包编译器是一个不错的在线版本http://closure-compiler.appspot.com/home

如果你使用Grunt，有很多模块适合你，我总是使用requireJS，所以我使用它附带的JS优化器。

某些名称：Yui压缩机谷歌闭包编译器UlgifyJS(很确定它也结合了文件(

如果你给我更多关于你的项目的信息，我可以进一步帮助你。

您可以通过多种方式做到这一点：

  1. 使用某种工具组合文件闭包编译器非常棒，或者查看类似webpack或rollup之类的东西来了解更复杂的应用程序
  2. 利用HTTP/2使其等效所有现代浏览器都支持开箱即用的HTTP/2。您可以通过进行服务器推送来利用这一点，这将减少向服务器发出的请求数量。点击此处阅读更多信息。请注意，虽然这在技术上没有将文件组合在一起，但它将它们组合成一个请求
  3. 将它们植入你的身体这会使它们成为一个文件，但这通常是个坏主意。(看着你AMP(至于为什么，请参阅#4
  4. 不要随着缓存越来越普遍，将脚本(尤其是库脚本(组合在一起可能会浪费带宽，因为用户代理可能已经缓存了jQuery。这可以与HTTP/2结合使用，效果非常好
相关文章：