javascript - 将 jQuery 插件添加到 html5boilerplate plugins.js 文件中？

Question

我对 html5boilerplate 和 jQuery 很陌生，所以请耐心等待...

我正在启动一个基于 H5B v4.3.0 发行版的新项目。我想添加 jQuery.form 插件，但我不确定它应该放在哪里以及它应该是什么样子。我在plugins.js 文件中看到这样的注释:“将 jQuery/helper 插件放在这里。”但是，我显然不能使用

<script src="js/vendor/jquery.form.js"></script>

在js文件中。

我还看到了对 RequireJS 的引用，但这看起来会比我现在需要的更加复杂。

我认为 jquery.form 加载应该放在 plugins.js 中是否正确？如果是这样，命令是什么样的？如果没有，并且它保留在index.html中，那么该评论是怎么回事？

谢谢，汤姆

OBTW，我确实看到了另一个answer ，但除了说我应该使用

(function($){
  // This is a wrapper for your jQuery stuff 
})(this.jQuery);

它没有给我任何有用的例子。向我展示如何仅将一个插件放入该包装器中怎么样？

Answer 1

将插件添加到 plugins.js 只是一个建议。如果您对此更满意，可以将脚本标记添加到页面，这取决于您。

但是为了回答你的问题，plugins.js 文件的想法是将所有插件保存在一个文件中，这样它只是对所有插件的单个请求，而不是对一堆不同插件的多个请求。

最好的方法是缩小所有插件，然后将缩小后的代码复制并粘贴到您的 plugins.js 文件中，并用相关注释将它们分开。就像这样:

/*
* jQuery Form Plugin; v20140218
* http://jquery.malsup.com/form/
* Copyright (c) 2014 M. Alsup; Dual licensed: MIT/GPL
* https://github.com/malsup/form#copyright-and-license
*/
;!function(a){"use strict";"function"==typeof define& ...

/*
* Another plugin
* plugin info
*/
;!function(a){"use strict";"function"==typeof define& ...

您可以使用在线工具，如 jscompress为您缩小 javascript 文件。