HTML5 Boilerplate plugins.js

Question

¿Cómo se espera que se incluyan archivos js adicionales en plugins.js? ¿La expectativa es que simplemente copiemos y peguemos el contenido de cada complemento allí? ¿O hay algún método para hacer un js include que debería estar usando?

En concreto, me gustaría ver un ejemplo de que sucede dentro de esta función:

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

})(this.jQuery); 

Answer 1

esa sección de la html5boilerplate es una especie de una abreviatura de lo que debería/podría ir allí.

Usted puede acercarse a plugins.js algunas maneras:

1. ignorarlo y incluyen todos los complementos JS como archivos separados (no deseados)
2. manualmente concatenar y Minify los archivos del plugin (esto es un dolor para mantener)
3. utilizar un script para concatenar (y la memoria caché es) en tiempo de ejecución (like this)
4. Usar un makefile para concatenar/comprimir como un ninja (like this)
5. Utilice una biblioteca elegante de JS como yepnope.js para cargar asincrónicamente sus archivos de complemento según sea necesario.

Hay muchas opciones para incluir sus plugins de JS ... tendrá que pesarlos usted mismo, por supuesto. Yo suelo usar las opciones 3 o 4, aunque tengo que empezar a utilizar 5.

En cuanto a lo que sucede en el fragmento de código que le dio:

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

Vas a ver ese bloque de código envolver una muchos complementos jQuery (marque the docs). Se puede usar para envolver su código específico de jQuery para que pueda utilizar $ mientras mantiene su sitio en modo de compatibilidad jQuery ... lo que permite que su sitio web funcione bien con otras bibliotecas que también pueden usar $.