HTML5 -Kesselplatten -Plugins.js

Question

Wie wird erwartet, dass man zusätzliche JS -Dateien in Plugins.js einbezieht? Ist die Erwartung, dass wir dort einfach den Inhalt jedes Plugins kopieren und einfügen? Oder gibt es eine Methode, um ein JS zu machen, das ich verwenden sollte?

Insbesondere würde ich gerne ein Beispiel für Gehen in dieser Funktion sehen:

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

})(this.jQuery);

Answer 1

Dieser Abschnitt der HTML5Boilerplate ist eine Art Abkürzung dessen, was dorthin gehen sollte/könnte.

Sie können Plugins.js auf ein paar Arten nähern:

1. Ignorieren Sie es und geben Sie alle Ihre JS -Plugins als separate Dateien ein (unerwünscht)
2. Verkettieren und minimieren Sie die Plugin -Dateien manuell (dies ist ein Schmerz, um aufrechtzuerhalten)
3. Verwenden Sie ein Skript, um sie zur Laufzeit zu verkettet (und zwischenstrahlen) (so was)
4. Verwenden Sie ein Makefile, um wie ein Ninja zu verkettet/zu komprimieren (so was)
5. Verwenden Sie eine Slick JS -Bibliothek wie yepnope.js So laden Sie Ihre Plugin -Dateien nach Bedarf asynchron.

Es gibt viele Möglichkeiten, Ihre JS -Plugins aufzunehmen ... Sie müssen sie natürlich selbst abwägen. Normalerweise verwende ich Optionen 3 oder 4, obwohl ich mit 5 anfangen muss.

Was in den Snippet des Codes geht, den Sie angegeben haben:

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

Sie werden diesen Block des Codes sehen, der viele Jquery -Plugins einwickelt (prüfen Die Dokumente). Es kann verwendet werden, um Ihren jQuery-spezifischen Code zu wickeln, damit Sie verwenden können $ Wenn Sie Ihre Website im JQuery -Kompatibilitätsmodus behalten, können Sie Ihre Website gut mit anderen Bibliotheken abspielen, die möglicherweise verwendet werden $ auch.