javascript - que - HTML5 Boilerplate plugins.js

html5 boilerplate que es

Question

¿Cómo se espera que incluya 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?

Específicamente, me gustaría ver un ejemplo de esto dentro de esta función:

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

})(this.jQuery);

Answer 1

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

Puedes acercarte a plugins.js de varias maneras:

1. Ignore e incluya todos sus complementos JS como archivos separados (indeseable)
2. Concatenar manualmente y minificar los archivos de plugin (esto es difícil de mantener)
3. Use una secuencia de comandos para concatenarlos (y almacenarlos en caché) en tiempo de ejecución ( como este )
4. Usa un archivo MAKE para concatenar / comprimir como un ninja ( como este )
5. Utilice una biblioteca de JS pulida como yepnope.js para cargar asincrónicamente sus archivos de complementos según sea necesario.

Hay muchas opciones para incluir sus complementos de JS ... por supuesto, tendrá que sopesarlos usted mismo. Usualmente uso las opciones 3 o 4, aunque necesito comenzar a usar 5.

En cuanto a lo que va en el fragmento de código que diste:

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

Verá ese bloque de código que contiene muchos plugins jQuery (verifique los documentos ). Se puede usar para envolver su código específico de jQuery para que pueda usar $ 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 $ .