0

我资助了这篇关于在彼此中包含 js 文件的优秀帖子 如何在另一个 JavaScript 文件中包含 JavaScript 文件？

并想使用 jq 建议

客户端正在使用 mootools 和 jquery 库，并且由于所有插件和库（10 个文件），当前在头部加载了多个 JS 文件。我能够在 2 个文件中压缩所有这些我有 1 个正在加载 mootools 、 jquery 和 Mootools 插件的文件，另一个正在运行 mootools 函数的文件。

所以顺序是这样的

compressed.js
moofunctions.js

现在取决于您所在的页面，我们正在加载其他 jq 插件，因此顺序更改为

compressed.js
moofunctions.js
requested_jquery_plugin.js

所以我的问题是：

  1. 你看到 $.getScript() jq 函数的含义了吗？

  2. 由于 $.getScript() 实际上是通过 ajax 加载附加脚本，这个脚本是被视为 http 请求还是我的请求会归结为 1 个 js 文件？（用 FB 回答，只看到 1 个 js 请求）

  3. 压缩库和插件的顺序在文件 1 (compressed.js) 中

    mootools 库，jquery 库，mootools 插件，

在这个文件的末尾我包括

(function($){
        $.getScript("moofunctions.js", function(){


           console.log("Script loaded and executed.");

        });
})(jQuery);

你觉得这有什么含义吗？

任何帮助表示赞赏。请不要建议/要求仅使用 1 个库。谢谢！

4

1 回答 1

1

如何解决这个问题并使用以正确顺序连接文件的构建脚本？我建议使用Grunt、Browserify或Clientside使用 watch 重建文件（保存文件时重建）并在文件中使用该构建（和可选缩小）<script src="...">文件。

在我们公司，我们使用这个过程来编译和缩小我们所有的 CoffeeScript 代码，使用 CommonJS，到目前为止，它比任何客户端按需加载脚本都要好得多。

编辑：要回答您动态加载脚本的问题，请使用RequireJS，它使用 AMD 模块来定义依赖项并以正确的顺序加载它们。

于 2012-08-19T18:59:12.283 回答