Unsere Datenschutzrichtlinie wird in Kürze aktualisiert. Bitte sehen Sie sich die Vorschau an.

One-Page-Webseiten mit Bootstrap, LESS und Sass

Bootstrap.js minimieren

Testen Sie unsere 2019 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
In diesem Video sehen Sie, wie Prepros Ihnen helfen kann, JavaScript-Dateien zu minimieren.
02:27

Transkript

Eines der obersten Gebote beim Onlinegehen ist eben, dass man versuchen sollte, die Dateigrößen so gering wie möglich zu halten. Nachdem wir jetzt JavaScript hinzugefügt haben zu unserer bootstrap.js, ist die natürlich nicht mehr identisch mit ihrer minimierten Kollegin. Unsere Aufgabe ist es jetzt, diese bootstrap.js wieder zu minimieren, und zum Glück kann uns dabei Prepros recht gut weiterhelfen. Denn Prepros beherrscht nicht nur den Umgang mit LESS-Dateien, sondern Prepros kann eben auch JavaScript minimieren. Ich gehe in meinen dist-Ordner hinein, da habe ich dann meinen JavaScript-Ordner, und hier habe ich jetzt meine bootstrap.js. In dem Augenblick, wo ich auf den Dateinamen klicke, öffnet sich hier rechts wieder die Möglichkeit, Einstellungen zu treffen. Hier habe ich eben auch die Möglichkeit, mein Häkchen bei "Uglify JS" zu setzen. "Uglify JS" ist eine Möglichkeit, JavaScript-Dateien zu minimieren, und das Einzige, was wir jetzt noch anpassen müssen, ist die Ausgabedatei. Denn das gefällt uns nicht, damit kann Bootstrap nichts anfangen, sondern unsere Ausgabedatei ist ja eigentlich schon existent, das ist nämlich diese da, bootstrap.min.js. Ich sage also "Speichern"; ich werde diese Datei ersetzen. Jetzt brauche ich nichts weiter tun als zu sagen "Process File". Das braucht ein, zwei Sekunden, aber nachdem ich "Process File" geklickt habe, sollte ich dann meine minimierte JavaScript-Version zur Verfügung haben. Dazu muss ich allerdings auch in meiner "Index" wieder den Pfad verändern, hin zu einer minimierten Version. So. Ich speichere meinen Eintrag, und wenn das alles so funktioniert, wie ich mir das vorstelle, sollten jetzt noch immer die ganzen JavaScript-Effekte für mich zur Verfügung stehen, nur diesmal eben in der klein geschrumpften, minimierten Version. Prepros ist also nicht nur hilfreich, wenn es um das Aufbereiten von LESS-Dateien geht, sondern kann uns auch helfen, die JavaScript-Dateien zu "uglifizieren", also klein zu schrumpfen.

One-Page-Webseiten mit Bootstrap, LESS und Sass

Erstellen Sie eine moderne Website im One-Page-Design, die mit wenigen Dateien auskommt und mit Effekten wie Parallax Scrolling aufwartet.

2 Std. 1 min (28 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!