Question

我的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？

Answer 1

您可以尝试使用Require.js（一个用于加载模块的库）。

您可以使用以下方法将其包含在HTML文件中：

<script data-main="js/main" src="js/require.js"></script>。

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不太了解，我以前从未使用过它，但是如果它能更好地工作，您也可以尝试一下。

链接：

Require.js

Example of Require.js in use

Webpack.js

减少JavaScript文件的数量

1 个答案: