# MDT-Webapps-Gulp

1. Projekt klonen
2. MDT5.sln öffnen um Projekt auszuführen ("einkaufsliste_neu.html" als Startseite festlegen)
3. Gulp:
<br> 3.1 Im Ordner App (location von gulpfile.js) eine CMD öffnen
<br> 3.2 Lokale Dependencies installieren: npm install --save gulp gulp-uglifycss gulp-image gulp-concat-css gulp-htmlmin 
<br>     gulp-inline-css gulp-inject-js gulp-uglify 
<br>     npm install --save readable-stream
<br> 3.3 Funktionen aus der gulpfile.js ausführen über CMD mit Kommando: gulp funktionsname
<br>  -> Funktionen um eine ausführbare App zu erhalten: minifyhtml und image
<br>  -> Diese Beiden Funktionen sind auch in der Funktion watch enthalten. Watch arbeitet immer nur bei 
<br>    Änderung einer Datei, überwacht sozusagen die Projektmappe.
<br> 3.4 Alle von gulp erzeugten Dateien befinden sich in einem Ordner "dist" in der Projektmappe, 
<br>     der von gulp eigenständig angelegt wird.
<br> 3.5 Die kommprimierte Website kann auch über MDT5.sln geöfnet werden, hierzu einfach 
<br>     die Datei "einkaufsliste_neu.html" im Ordner dist als Startseite festlegen.