HTML5 样板插件.js

Question

如何在plugins.js 中包含额外的js 文件？是否期望我们只是将每个插件的内容复制并粘贴到那里？或者是否有一些我应该使用的 js include 方法？

具体来说，我想看一下此函数中的 go 示例：

// remap jQuery to $
(function($){

})(this.jQuery);

Answer 1

html5boilerplate 的这一部分是应该/可以去那里的内容的缩写。

您可以通过以下几种方式处理plugins.js：

1. 忽略它并将所有 JS 插件作为单独的文件包含（不可取）
2. 手动连接并缩小插件文件（这维护起来很痛苦）
3. 使用脚本连接它们（并缓存它） ）在运行时（像这样）
4. 使用 makefile 像忍者一样连接/压缩（像这样）
5. 使用像 yepnope.js 这样的灵活的 JS 库来异步根据需要加载您的插件文件。

有很多选项可以包含您的 JS 插件……当然，您必须自己权衡它们。我通常使用选项 3 或 4，但我需要开始使用 5。

至于您提供的代码片段中的内容：

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

您将看到该代码块包装了许多 jQuery 插件（检查 文档）。它可用于包装您的 jQuery 特定代码，以便您可以使用 $，同时将您的站点保持在 jQuery 兼容模式...这使您的站点可以与可能使用 的其他库很好地配合>$ 也是如此。