减少JavaScript文件的数量

我的HTML文件中包含以下内容：

<script src="jquery.min.js"></script>
<script src="js/selectivizr-and-extra-selectors.min.js"></script>
<script src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script src="js/jquery.easing-1.3.min.js"></script>
<script src="js/camera.min.js"></script>
<script src="js/jquery.jcarousel.min.js"></script>
<script src="js/video.js"></script>
<script src="js/jquery.flexnav.min.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script src="js/jquery.tweet.js"></script>
<script src="js/scripts.js"></script>
<script language="JavaScript" src="dynlib.js"></script>
<script language="JavaScript" src="bouncingimages.js"></script>

---

如果可能的话，我如何将加载的JavaScript文件数量减少到一个较小的数量，以提高加载速度？例如，如何使用一个脚本标记而不是13？

您可以尝试使用

Require.js

，一个用于加载模块的库

您可以通过以下方式将其包含在HTML文件中：

data main属性告诉require.js在require.js加载后加载脚本/main.js

在js文件夹中，您将编写一个main.js文件，其中包含以下代码：

requirejs(["helper/util"], function(util) {

    var video = require('./video');
    //just add more variables like this for other libraries

});

JavaScript文件中有更多的代码行，但HTML文件中只有一行代码，所以我希望这能回答您的问题。我对webpack了解不多，我以前从未使用过它，但如果它效果更好的话，你也可以尝试一下

---

链接：

---

减少使用的文件数量非常容易。您可以删除它们。但这并不能解决你是否需要它们的问题，只有你才能回答。除此之外，在服务器上合并js文件并返回较少的文件也是一种选择。你应该考虑捆绑，也许还可以缩小规模。然而，如何做到这一点的细节在很大程度上取决于网站开发所采用的技术。所以你需要澄清一下。您好，谢谢，这是怎么做到的（不是删除它们）你可以试试这个：如果你问的是如何实现bundler，那就是broad。如果你不能使用bundler，只需打开你最喜欢的编辑器，启动一个新的js文件，打开其他js文件，将它们的内容复制到新的js文件中，保存新的js文件，并将单个js文件包含在你的项目中。bundler所做的就是自动化这个过程。