将 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 文件中，并用相关的 cmets 分隔它们。像这样：

/*
* 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 文件。