HTML5 样板插件.js

Question

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

具体来说，我想看看这个函数中的 go 示例：

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

})(this.jQuery);

Answer 1

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

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

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

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

至于您提供的代码的 sn-p 中的内容：

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

您会看到包含大量 jQuery 插件的代码块（请查看 the docs）。它可用于包装您的 jQuery 特定代码，以便您可以使用 $，同时保持您的网站处于 jQuery 兼容模式……这让您的网站可以很好地与其他可能使用 $ 的库一起使用。