我资助这篇关于将js文件相互包含在内的优秀帖子 How do I include a JavaScript file in another JavaScript file?
并想使用jq建议
客户端正在使用mootools和jquery库,并且由于所有插件和库(10个文件),目前有多个JS文件加载到头部。我能够在2个文件中压缩所有这些 我有1个文件正在加载mootools,jquery和Mootools插件, 另一个运行mootools函数的文件。
所以顺序是这个
compressed.js
moofunctions.js
现在依赖于您所在的页面,我们正在加载其他jq插件,以便更改订单 到
compressed.js
moofunctions.js
requested_jquery_plugin.js
所以我的问题是:
您是否看到了$ .getScript()jq函数的含义?
因为$ .getScript()实际上是通过ajax加载其他脚本,这个脚本被视为http请求还是我的请求归结为1 js文件? (回答FB,只看到1个js请求)
压缩lib和插件的顺序在文件1中(compressed.js)
mootools lib, jquery lib, mootools插件,
在这个文件的末尾我包括
(function($){
$.getScript("moofunctions.js", function(){
console.log("Script loaded and executed.");
});
})(jQuery);
你看到了这个暗示吗?
任何帮助表示赞赏。请不要建议/要求仅使用1个库。日Thnx!
答案 0 :(得分:1)
如何解决此问题并使用以正确顺序连接文件的构建脚本?我建议使用Grunt,Browserify或Clientside使用watch重建文件(在保存文件时重建)并使用<script src="...">
中生成的(并且可选择缩小的)文件文件。
我们在公司使用这个过程来使用CommonJS编译和缩小我们所有的CoffeeScript代码,到目前为止,它比任何客户端按需加载脚本都要好得多。
编辑:要回答您动态加载脚本的问题,请使用RequireJS,它使用AMD模块定义依赖关系并按正确的顺序加载它们。