Gulp.js - Versionsgeschichte

Bithisarea: /* growthexperiments-addlink-summary-summary:2|0|0 */

2025-01-13T17:27:03Z

Linkvorschlag-Funktion: 2 Links hinzugefügt.

← Nächstältere Version		Version vom 13. Januar 2025, 19:27 Uhr
Zeile 9:		Zeile 9:
	\| Website = [http://gulpjs.com/ www.gulpjs.com/]		\| Website = [http://gulpjs.com/ www.gulpjs.com/]
	}}		}}
	'''gulp.js''' ist eine [[Software]], basierend auf [[Node.js]], um verschiedene Aufgaben im [[Webentwicklung]]sprozess zu automatisieren ([[Build-System]]).<ref>{{Literatur \|Autor=Joshua Barnett \|Hrsg=University of East Anglia \|Titel=Building a Cross-Platform Mobile Game with HTML5 \|Verlag= \|Ort= \|Datum=2014 \|Online=http://www.caffeinatednightmare.com/mindflip/}}</ref><ref>{{Literatur \|Autor=Artemij Fedosejev \|Titel=React.js Essentials \|Auflage=1 \|Verlag=Packt Publishing \|Ort=Birmingham \|Datum=2015 \|ISBN=978-1-78355-162-0 \|Kapitel=Installing Powerful Tools for Your Project \|Seiten=12–14}}</ref> So kann gulp zum Beispiel genutzt werden, um [[Hypertext Markup Language\|HTML]], [[JavaScript]] und [[Cascading Style Sheets\|CSS]] zu verkleinern, [[Sass (Stylesheet-Sprache)\|SCSS]] in CSS umzuwandeln, Bilder zu optimieren und Dateien in einen „[[Distribution (Software)\|dist]]“-Ordner zu kopieren. Außerdem kann gulp dazu genutzt werden, um den Webbrowser automatisch zu aktualisieren oder den Webserver automatisch zu starten.<ref>{{Literatur \|Autor=Henri Levälampi \|Hrsg=Helsinki Metropolia University of Applied Sciences \|Titel=Modular Web Development Framework \|Verlag= \|Ort=Helsinki \|Datum=2015-12-04}}</ref>		'''gulp.js''' ist eine [[Software]], basierend auf [[Node.js]], um verschiedene Aufgaben im [[Webentwicklung]]sprozess zu automatisieren ([[Build-System]]).<ref>{{Literatur \|Autor=Joshua Barnett \|Hrsg=University of East Anglia \|Titel=Building a Cross-Platform Mobile Game with HTML5 \|Verlag= \|Ort= \|Datum=2014 \|Online=http://www.caffeinatednightmare.com/mindflip/}}</ref><ref>{{Literatur \|Autor=Artemij Fedosejev \|Titel=React.js Essentials \|Auflage=1 \|Verlag=Packt Publishing \|Ort=Birmingham \|Datum=2015 \|ISBN=978-1-78355-162-0 \|Kapitel=Installing Powerful Tools for Your Project \|Seiten=12–14}}</ref> So kann gulp zum Beispiel genutzt werden, um [[Hypertext Markup Language\|HTML]], [[JavaScript]] und [[Cascading Style Sheets\|CSS]] zu verkleinern, [[Sass (Stylesheet-Sprache)\|SCSS]] in CSS umzuwandeln, Bilder zu optimieren und Dateien in einen „[[Distribution (Software)\|dist]]“-Ordner zu kopieren. Außerdem kann gulp dazu genutzt werden, um den [[Webbrowser]] automatisch zu aktualisieren oder den [[Webserver]] automatisch zu starten.<ref>{{Literatur \|Autor=Henri Levälampi \|Hrsg=Helsinki Metropolia University of Applied Sciences \|Titel=Modular Web Development Framework \|Verlag= \|Ort=Helsinki \|Datum=2015-12-04}}</ref>

	== Installation ==		== Installation ==

MultiPolitikus: Archivlink(s) geprüft

2024-03-16T17:02:14Z

Archivlink(s) geprüft

← Nächstältere Version		Version vom 16. März 2024, 19:02 Uhr
Zeile 30:		Zeile 30:
	Im nächsten Schritt können dann die Tasks erstellt werden. Ein gulp-Task wird mittels ''gulp.task'' definiert und bekommt einen Namen für den Task als ersten Parameter und als zweiten Parameter eine Funktion.		Im nächsten Schritt können dann die Tasks erstellt werden. Ein gulp-Task wird mittels ''gulp.task'' definiert und bekommt einen Namen für den Task als ersten Parameter und als zweiten Parameter eine Funktion.

	Das folgende Beispiel zeigt die Erstellung eines gulp-Tasks. Der erste Parameter ''taskname'' ist verpflichtend und gibt den Namen vor, mit dem der Task in der Shell ausgeführt werden kann.<ref>{{Internetquelle \|url=https://github.com/gulpjs/gulp/blob/4.0/docs/API.md \|titel=gulp API docs \|werk=gulp.js \|datum= \|sprache=en \|zugriff=~~2016~~-05-28 \|archiv-url=https://web.archive.org/web/20170306202555/https://github.com/gulpjs/gulp/blob/4.0/docs/API.md \|archiv-datum=2017-03-06 ~~\|offline=ja \|archiv-bot=2018-12-11 08:51:35 InternetArchiveBot~~ }}</ref>		Das folgende Beispiel zeigt die Erstellung eines gulp-Tasks. Der erste Parameter ''taskname'' ist verpflichtend und gibt den Namen vor, mit dem der Task in der Shell ausgeführt werden kann.<ref>{{Internetquelle \|url=https://github.com/gulpjs/gulp/blob/4.0/docs/API.md \|titel=gulp API docs \|werk=gulp.js \|datum= \|sprache=en \|zugriff=2024-03-16 \|archiv-url=https://web.archive.org/web/20170306202555/https://github.com/gulpjs/gulp/blob/4.0/docs/API.md \|archiv-datum=2017-03-06 }}</ref>
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
	gulp.task('taskname', function(){		gulp.task('taskname', function(){
Zeile 68:		Zeile 68:
	</syntaxhighlight>		</syntaxhighlight>

	Der nachfolgende Image-Task führt eine Optimierung von Bildern durch. <code>gulp.src()</code> holt sich alle Bilder mit der Endung .png, .gif oder .jpg aus dem Verzeichnis ''<nowiki />'images-orig/'<nowiki />''. <code>.pipe(imagemin())</code> schleußt die gefundenen Bilder durch den Optimierungsprozess durch und mit <code>.pipe(gulp.dest())</code> werden die optimierten Bilder danach ins Verzeichnis ''<nowiki />'images/'<nowiki />'' gespeichert. Ohne <code>gulp.dest()</code> würden die Bilder zwar optimiert, jedoch nicht abgespeichert werden.<ref>{{Internetquelle \|url=http://magazin.phlow.de/webdesign/gulp/ \|titel=Durchstarten mit Gulp.js – Websites optimieren, Arbeitsabläufe automatisieren \|datum= \|zugriff=~~2016~~-05-30 \|archiv-url=https://web.archive.org/web/20170616233539/http://magazin.phlow.de/webdesign/gulp/ \|archiv-datum=2017-06-16 ~~\|offline=ja \|archiv-bot=2022-11-10 14:50:56 InternetArchiveBot~~ }}</ref> Da wir die optimierten Bilder in einen anderen Ordner speichern, bleiben uns die originalen Bilder erhalten.		Der nachfolgende Image-Task führt eine Optimierung von Bildern durch. <code>gulp.src()</code> holt sich alle Bilder mit der Endung .png, .gif oder .jpg aus dem Verzeichnis ''<nowiki />'images-orig/'<nowiki />''. <code>.pipe(imagemin())</code> schleußt die gefundenen Bilder durch den Optimierungsprozess durch und mit <code>.pipe(gulp.dest())</code> werden die optimierten Bilder danach ins Verzeichnis ''<nowiki />'images/'<nowiki />'' gespeichert. Ohne <code>gulp.dest()</code> würden die Bilder zwar optimiert, jedoch nicht abgespeichert werden.<ref>{{Internetquelle \|url=http://magazin.phlow.de/webdesign/gulp/ \|titel=Durchstarten mit Gulp.js – Websites optimieren, Arbeitsabläufe automatisieren \|datum= \|zugriff=2024-03-16 \|archiv-url=https://web.archive.org/web/20170616233539/http://magazin.phlow.de/webdesign/gulp/ \|archiv-datum=2017-06-16 }}</ref> Da wir die optimierten Bilder in einen anderen Ordner speichern, bleiben uns die originalen Bilder erhalten.
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
	// images task		// images task

InternetArchiveBot: InternetArchiveBot hat 1 Archivlink(s) ergänzt und 0 Link(s) als defekt/tot markiert.) #IABot (v2.0.9.2

2022-11-10T14:50:56Z

InternetArchiveBot hat 1 Archivlink(s) ergänzt und 0 Link(s) als defekt/tot markiert.) #IABot (v2.0.9.2

← Nächstältere Version		Version vom 10. November 2022, 16:50 Uhr
Zeile 68:		Zeile 68:
	</syntaxhighlight>		</syntaxhighlight>

	Der nachfolgende Image-Task führt eine Optimierung von Bildern durch. <code>gulp.src()</code> holt sich alle Bilder mit der Endung .png, .gif oder .jpg aus dem Verzeichnis ''<nowiki />'images-orig/'<nowiki />''. <code>.pipe(imagemin())</code> schleußt die gefundenen Bilder durch den Optimierungsprozess durch und mit <code>.pipe(gulp.dest())</code> werden die optimierten Bilder danach ins Verzeichnis ''<nowiki />'images/'<nowiki />'' gespeichert. Ohne <code>gulp.dest()</code> würden die Bilder zwar optimiert, jedoch nicht abgespeichert werden.<ref>{{Internetquelle \|url=http://magazin.phlow.de/webdesign/gulp/ \|titel=Durchstarten mit Gulp.js – Websites optimieren, Arbeitsabläufe automatisieren \|datum= \|zugriff=2016-05-30}}</ref> Da wir die optimierten Bilder in einen anderen Ordner speichern, bleiben uns die originalen Bilder erhalten.		Der nachfolgende Image-Task führt eine Optimierung von Bildern durch. <code>gulp.src()</code> holt sich alle Bilder mit der Endung .png, .gif oder .jpg aus dem Verzeichnis ''<nowiki />'images-orig/'<nowiki />''. <code>.pipe(imagemin())</code> schleußt die gefundenen Bilder durch den Optimierungsprozess durch und mit <code>.pipe(gulp.dest())</code> werden die optimierten Bilder danach ins Verzeichnis ''<nowiki />'images/'<nowiki />'' gespeichert. Ohne <code>gulp.dest()</code> würden die Bilder zwar optimiert, jedoch nicht abgespeichert werden.<ref>{{Internetquelle \|url=http://magazin.phlow.de/webdesign/gulp/ \|titel=Durchstarten mit Gulp.js – Websites optimieren, Arbeitsabläufe automatisieren \|datum= \|zugriff=2016-05-30 \|archiv-url=https://web.archive.org/web/20170616233539/http://magazin.phlow.de/webdesign/gulp/ \|archiv-datum=2017-06-16 \|offline=ja \|archiv-bot=2022-11-10 14:50:56 InternetArchiveBot }}</ref> Da wir die optimierten Bilder in einen anderen Ordner speichern, bleiben uns die originalen Bilder erhalten.
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
	// images task		// images task

Gentlesea: HC: Ergänze Kategorie:Build-Management

2020-06-14T10:04:20Z

HC: Ergänze Kategorie:Build-Management

← Nächstältere Version		Version vom 14. Juni 2020, 12:04 Uhr
Zeile 131:		Zeile 131:
	[[Kategorie:Freie Software]]		[[Kategorie:Freie Software]]
	[[Kategorie:ECMAScript]]		[[Kategorie:ECMAScript]]
			[[Kategorie:Build-Management]]

InternetArchiveBot: InternetArchiveBot hat 1 Archivlink(s) ergänzt und 0 Link(s) als defekt/tot markiert. #IABot (v2.0beta10ehf1) (Cirdan)

2018-12-11T08:51:35Z

InternetArchiveBot hat 1 Archivlink(s) ergänzt und 0 Link(s) als defekt/tot markiert. #IABot (v2.0beta10ehf1) (Cirdan)

← Nächstältere Version		Version vom 11. Dezember 2018, 10:51 Uhr
Zeile 30:		Zeile 30:
	Im nächsten Schritt können dann die Tasks erstellt werden. Ein gulp-Task wird mittels ''gulp.task'' definiert und bekommt einen Namen für den Task als ersten Parameter und als zweiten Parameter eine Funktion.		Im nächsten Schritt können dann die Tasks erstellt werden. Ein gulp-Task wird mittels ''gulp.task'' definiert und bekommt einen Namen für den Task als ersten Parameter und als zweiten Parameter eine Funktion.

	Das folgende Beispiel zeigt die Erstellung eines gulp-Tasks. Der erste Parameter ''taskname'' ist verpflichtend und gibt den Namen vor, mit dem der Task in der Shell ausgeführt werden kann.<ref>{{Internetquelle \|url=https://github.com/gulpjs/gulp/blob/4.0/docs/API.md \|titel=gulp API docs \|werk=gulp.js \|datum= \|sprache=en \|zugriff=2016-05-28}}</ref>		Das folgende Beispiel zeigt die Erstellung eines gulp-Tasks. Der erste Parameter ''taskname'' ist verpflichtend und gibt den Namen vor, mit dem der Task in der Shell ausgeführt werden kann.<ref>{{Internetquelle \|url=https://github.com/gulpjs/gulp/blob/4.0/docs/API.md \|titel=gulp API docs \|werk=gulp.js \|datum= \|sprache=en \|zugriff=2016-05-28 \|archiv-url=https://web.archive.org/web/20170306202555/https://github.com/gulpjs/gulp/blob/4.0/docs/API.md \|archiv-datum=2017-03-06 \|offline=ja \|archiv-bot=2018-12-11 08:51:35 InternetArchiveBot }}</ref>
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
	gulp.task('taskname', function(){		gulp.task('taskname', function(){

Trustable: +{{SEITENTITEL}}

2017-08-16T16:32:28Z

+{{SEITENTITEL}}

← Nächstältere Version		Version vom 16. August 2017, 18:32 Uhr
Zeile 1:		Zeile 1:
			{{SEITENTITEL:gulp.js}}
	{{Infobox Software		{{Infobox Software
	\| Logo =		\| Logo =

Lómelinde: Parameterfix und nicht verwendete Parameter reduziert

2017-06-06T15:38:41Z

Parameterfix und nicht verwendete Parameter reduziert

Änderungen zeigen

Trustable: überarbeitet

2017-02-17T09:48:02Z

überarbeitet

← Nächstältere Version		Version vom 17. Februar 2017, 11:48 Uhr
Zeile 4:		Zeile 4:
	\| Betriebssystem = [[Plattformunabhängigkeit\|plattformübergreifend]]		\| Betriebssystem = [[Plattformunabhängigkeit\|plattformübergreifend]]
	\| Programmiersprache = [[JavaScript]]		\| Programmiersprache = [[JavaScript]]
	\| Kategorie = [[~~Toolkit~~]]		\| Kategorie = [[Build-System]]
	\| Lizenz = [[MIT-Lizenz]]<ref>{{Internetquelle\|url=https://github.com/gulpjs/gulp/blob/master/LICENSE\|titel=License auf github.com\|sprache=en\|zugriff=2016-05-30}}</ref>		\| Lizenz = [[MIT-Lizenz]]<ref>{{Internetquelle\|url=https://github.com/gulpjs/gulp/blob/master/LICENSE\|titel=License auf github.com\|sprache=en\|zugriff=2016-05-30}}</ref>
	\| Website = [http://gulpjs.com/ www.gulpjs.com/]		\| Website = [http://gulpjs.com/ www.gulpjs.com/]
	}}		}}
	'''gulp.js''' ist ~~ein~~ [[~~Prozess (Informatik)\|Task~~]]~~-Runner~~, basierend auf [[Node.js]], um verschiedene [[~~Arbeitsablauf\|Workflow~~]]~~-Tasks im Webentwicklungsprozess~~ zu automatisieren.<ref>{{Literatur\|Autor=Joshua Barnett\|Titel=Building a Cross-Platform Mobile Game with HTML5\|Hrsg=University of East Anglia\|Sammelwerk=\|Band=\|Nummer=\|Auflage=\|Verlag=\|Ort=\|Jahr=2014\|Seiten=\|ISBN=\|Online=http://www.caffeinatednightmare.com/mindflip/}}</ref><ref>{{Literatur\|Autor=Artemij Fedosejev\|Titel=React.js Essentials\|Hrsg=\|Sammelwerk=\|Band=\|Nummer=\|Auflage=1\|Verlag=Packt Publishing\|Ort=Birmingham\|Datum=2015\|Kapitel=Installing Powerful Tools for Your Project\|Seiten=12-14\|ISBN=978-1-78355-162-0}}</ref> So kann gulp zum Beispiel genutzt werden, um [[Hypertext Markup Language\|HTML]], [[JavaScript]] und [[Cascading Style Sheets\|CSS]] zu verkleinern, [[Sass (Stylesheet-Sprache)\|SCSS]] in CSS umzuwandeln, Bilder zu optimieren und Dateien in einen „[[Distribution (Software)\|dist]]“- Ordner zu kopieren. Außerdem kann gulp dazu genutzt werden, um den Webbrowser automatisch zu aktualisieren oder den Webserver automatisch zu starten.<ref>{{Literatur\|Autor=Henri Levälampi\|Titel=Modular Web Development Framework\|Hrsg=Helsinki Metropolia University of Applied Sciences\|Sammelwerk=\|Band=\|Nummer=\|Auflage=\|Verlag=\|Ort=Helsinki\|Datum=2015-12-04\|Seiten=\|ISBN=}}</ref>		'''gulp.js''' ist eine [[Software]], basierend auf [[Node.js]], um verschiedene Aufgaben im [[Webentwicklung]]sprozess zu automatisieren ([[Build-System]]).<ref>{{Literatur\|Autor=Joshua Barnett\|Titel=Building a Cross-Platform Mobile Game with HTML5\|Hrsg=University of East Anglia\|Sammelwerk=\|Band=\|Nummer=\|Auflage=\|Verlag=\|Ort=\|Jahr=2014\|Seiten=\|ISBN=\|Online=http://www.caffeinatednightmare.com/mindflip/}}</ref><ref>{{Literatur\|Autor=Artemij Fedosejev\|Titel=React.js Essentials\|Hrsg=\|Sammelwerk=\|Band=\|Nummer=\|Auflage=1\|Verlag=Packt Publishing\|Ort=Birmingham\|Datum=2015\|Kapitel=Installing Powerful Tools for Your Project\|Seiten=12-14\|ISBN=978-1-78355-162-0}}</ref> So kann gulp zum Beispiel genutzt werden, um [[Hypertext Markup Language\|HTML]], [[JavaScript]] und [[Cascading Style Sheets\|CSS]] zu verkleinern, [[Sass (Stylesheet-Sprache)\|SCSS]] in CSS umzuwandeln, Bilder zu optimieren und Dateien in einen „[[Distribution (Software)\|dist]]“- Ordner zu kopieren. Außerdem kann gulp dazu genutzt werden, um den Webbrowser automatisch zu aktualisieren oder den Webserver automatisch zu starten.<ref>{{Literatur\|Autor=Henri Levälampi\|Titel=Modular Web Development Framework\|Hrsg=Helsinki Metropolia University of Applied Sciences\|Sammelwerk=\|Band=\|Nummer=\|Auflage=\|Verlag=\|Ort=Helsinki\|Datum=2015-12-04\|Seiten=\|ISBN=}}</ref>

	== Installation ==		== Installation ==
Zeile 18:		Zeile 18:
	Um mit gulp arbeiten zu können, muss ein sogenanntes gulpfile angelegt werden. Bei dem gulpfile handelt es sich um eine [[JavaScript]]-Datei mit dem Namen „gulpfile.js“. In diesem File werden sogenannte Tasks in JavaScript definiert. Diese gulp-Tasks werden über die Shell ausgeführt. Der Befehl <code>{{lang\|en\|gulp}}</code>startet den Default-Task. Mit <code>{{lang\|en\|gulp <taskname>}}</code> wird der Task mit dem jeweiligen taskname ausgeführt.		Um mit gulp arbeiten zu können, muss ein sogenanntes gulpfile angelegt werden. Bei dem gulpfile handelt es sich um eine [[JavaScript]]-Datei mit dem Namen „gulpfile.js“. In diesem File werden sogenannte Tasks in JavaScript definiert. Diese gulp-Tasks werden über die Shell ausgeführt. Der Befehl <code>{{lang\|en\|gulp}}</code>startet den Default-Task. Mit <code>{{lang\|en\|gulp <taskname>}}</code> wird der Task mit dem jeweiligen taskname ausgeführt.

	Zusätzlich gibt es eine Vielzahl an [http://gulpjs.com/plugins Plugins] ~~für gulp.~~		Zusätzlich gibt es eine Vielzahl an [[Plug-in]]s für gulp.<ref>[http://gulpjs.com/plugins Plugins]</ref>

	== gulpfile.js ==		== gulpfile.js ==

Simon04: wf

2017-01-02T21:54:53Z

← Nächstältere Version		Version vom 2. Januar 2017, 23:54 Uhr
Zeile 8:		Zeile 8:
	\| Website = [http://gulpjs.com/ www.gulpjs.com/]		\| Website = [http://gulpjs.com/ www.gulpjs.com/]
	}}		}}
	'''gulp.js''' ist ein [[Prozess (Informatik)\|Task]]-Runner, basierend auf [[Node.js]], um verschiedene [[Arbeitsablauf\|Workflow]]-Tasks im Webentwicklungsprozess zu automatisieren.<ref>{{Literatur\|Autor=Joshua Barnett\|Titel=Building a Cross-Platform Mobile Game with HTML5\|Hrsg=University of East Anglia\|Sammelwerk=\|Band=\|Nummer=\|Auflage=\|Verlag=\|Ort=\|Jahr=2014\|Seiten=\|ISBN=\|Online=http://www.caffeinatednightmare.com/mindflip/}}</ref><ref>{{Literatur\|Autor=Artemij Fedosejev\|Titel=React.js Essentials\|Hrsg=\|Sammelwerk=\|Band=\|Nummer=\|Auflage=1\|Verlag=Packt Publishing\|Ort=Birmingham\|Datum=2015\|Kapitel=Installing Powerful Tools for Your Project\|Seiten=12-14\|ISBN=978-1-78355-162-0}}</ref> So kann gulp zum Beispiel genutzt werden, um [[Hypertext Markup Language\|HTML]], [[JavaScript]] und [[Cascading Style Sheets\|CSS]] zu verkleinern, [[Sass (Stylesheet-Sprache)\|SCSS]] in CSS umzuwandeln, Bilder zu optimieren und Dateien in einen ~~„dist“~~- Ordner zu kopieren. Außerdem kann gulp dazu genutzt werden, um den Webbrowser automatisch zu aktualisieren oder den Webserver automatisch zu starten.<ref>{{Literatur\|Autor=Henri Levälampi\|Titel=Modular Web Development Framework\|Hrsg=Helsinki Metropolia University of Applied Sciences\|Sammelwerk=\|Band=\|Nummer=\|Auflage=\|Verlag=\|Ort=Helsinki\|Datum=2015-12-04\|Seiten=\|ISBN=}}</ref>		'''gulp.js''' ist ein [[Prozess (Informatik)\|Task]]-Runner, basierend auf [[Node.js]], um verschiedene [[Arbeitsablauf\|Workflow]]-Tasks im Webentwicklungsprozess zu automatisieren.<ref>{{Literatur\|Autor=Joshua Barnett\|Titel=Building a Cross-Platform Mobile Game with HTML5\|Hrsg=University of East Anglia\|Sammelwerk=\|Band=\|Nummer=\|Auflage=\|Verlag=\|Ort=\|Jahr=2014\|Seiten=\|ISBN=\|Online=http://www.caffeinatednightmare.com/mindflip/}}</ref><ref>{{Literatur\|Autor=Artemij Fedosejev\|Titel=React.js Essentials\|Hrsg=\|Sammelwerk=\|Band=\|Nummer=\|Auflage=1\|Verlag=Packt Publishing\|Ort=Birmingham\|Datum=2015\|Kapitel=Installing Powerful Tools for Your Project\|Seiten=12-14\|ISBN=978-1-78355-162-0}}</ref> So kann gulp zum Beispiel genutzt werden, um [[Hypertext Markup Language\|HTML]], [[JavaScript]] und [[Cascading Style Sheets\|CSS]] zu verkleinern, [[Sass (Stylesheet-Sprache)\|SCSS]] in CSS umzuwandeln, Bilder zu optimieren und Dateien in einen „[[Distribution (Software)\|dist]]“- Ordner zu kopieren. Außerdem kann gulp dazu genutzt werden, um den Webbrowser automatisch zu aktualisieren oder den Webserver automatisch zu starten.<ref>{{Literatur\|Autor=Henri Levälampi\|Titel=Modular Web Development Framework\|Hrsg=Helsinki Metropolia University of Applied Sciences\|Sammelwerk=\|Band=\|Nummer=\|Auflage=\|Verlag=\|Ort=Helsinki\|Datum=2015-12-04\|Seiten=\|ISBN=}}</ref>

	== Installation ==		== Installation ==

Simon04: AktuelleVersion via Wikidata

2017-01-02T21:23:46Z

AktuelleVersion via Wikidata

← Nächstältere Version		Version vom 2. Januar 2017, 23:23 Uhr
Zeile 2:		Zeile 2:
	\| Logo =		\| Logo =
	\| Hersteller = Fractal und Mitwirkende der GitHub-Community		\| Hersteller = Fractal und Mitwirkende der GitHub-Community
	\| AktuelleVersion = <!-- Versionen bitte absatzweise eintragen -->
	4.0.0 <ref>{{Internetquelle\|url=https://github.com/gulpjs/gulp/blob/4.0/CHANGELOG.md\|titel=Änderungsprotokoll 4.0.0\|autor=\|hrsg=\|werk=gulp.js\|datum=\|sprache=en\|zugriff=2016-05-31}}</ref><br /> <small>{{Datum\|2\|6\|2015}}</small>

	\| AktuelleVersionFreigabeDatum = <!-- Datum bitte hinter der Version eintragen -->
	\| Betriebssystem = [[Plattformunabhängigkeit\|plattformübergreifend]]		\| Betriebssystem = [[Plattformunabhängigkeit\|plattformübergreifend]]
	\| Programmiersprache = [[JavaScript]]		\| Programmiersprache = [[JavaScript]]