19 lines
1.1 KiB
Markdown
19 lines
1.1 KiB
Markdown
# 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.
|
|
|