HTML5 Boilerplate plugins.js

时间:2010-12-31 23:11:17

标签: javascript html5boilerplate

如何期望在plugins.js中包含其他js文件?期望我们只是复制并粘贴每个插件的内容吗?或者是否有一些方法来执行我应该使用的js包含?

具体来说,我想在这个函数中看到一个例子:

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

})(this.jQuery);

1 个答案:

答案 0 :(得分:33)

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

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

  1. 忽略它并将所有JS插件包含为单独的文件(不合需要的)
  2. 手动连接并缩小插件文件(这很难维护)
  3. 使用脚本在运行时连接它们(并缓存它)(like this
  4. 使用makefile连接/压缩像忍者(like this
  5. 使用像yepnope.js这样灵活的JS库来根据需要异步加载插件文件。
  6. 包含你的JS插件有很多选择......当然,你必须自己权衡它们。我通常使用选项3或4,但我需要开始使用5。

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

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

    你会看到包含大量jQuery插件的代码块(检查the docs)。它可用于包装特定于jQuery的代码,以便您可以使用$同时保持站点处于jQuery兼容模式...这使您的站点可以与其他可能使用$的库很好地协同工作同样。