HTML5 Boilerplate plugins.js

Question

Comment est-on devrait inclure d'autres fichiers js dans le plugins.js? S'attend à ce que nous venons de copier et coller le contenu de chaque plugin? Ou est-il une méthode pour faire du js comprennent que je devrais utiliser?

Plus précisément, j'aimerais voir un exemple de passe au sein de cette fonction:

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

})(this.jQuery);

Answer 1

La section de la html5boilerplate est en quelque sorte une abréviation de ce que devrait ou pourrait y aller.

Vous pouvez vous adresser à plugins.js quelques façons:

1. Les ignorer et de les inclure tous vos plugins JS en tant que fichiers distincts (indésirables)
2. Manuellement concaténer et minifier les fichiers du plugin (c'est une douleur à maintenir)
3. Utiliser un script pour concaténer (et le mettre en cache) au moment de l'exécution (comme ceci)
4. Utiliser un makefile pour concaténer/compresser comme un ninja (comme ceci)
5. Utiliser une nappe bibliothèque JS comme yepnope.js de façon asynchrone charger vos fichiers de plugin en tant que de besoin.

Il y a beaucoup d'options, y compris pour votre JS plugins...vous aurez à peser le pour vous-même, bien sûr. J'ai l'habitude d'utiliser les options 3 ou 4, bien que je besoin pour commencer à utiliser 5.

Comme pour ce qui se passe dans l'extrait de code que vous avez donné:

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

Vous verrez que le bloc de code de l'emballage d'un lot de plugins jQuery (vérifier les docs). Il peut être utilisé pour envelopper votre jQuery code spécifique de sorte que vous pouvez faire usage de l' $ tout en gardant votre site jQuery dans le mode de compatibilité...ce qui permet à votre site de jouer gentiment avec d'autres bibliothèques qui peut utiliser $ ainsi.