Gulp.js - Revision history

Stevebroshar: It's a build tool; not a framework

2024-12-15T22:29:32Z

It's a build tool; not a framework

← Previous revision		Revision as of 22:29, 15 December 2024
Line 1:		Line 1:
	{{Short description\|Server-side JavaScript ~~framework~~}}		{{Short description\|Server-side JavaScript build tool}}
	{{lowercase title}}		{{lowercase title}}
	{{multiple issues\|		{{multiple issues\|

InternetArchiveBot: Rescuing 1 sources and tagging 0 as dead.) #IABot (v2.0.9.5

2024-06-29T05:42:22Z

Rescuing 1 sources and tagging 0 as dead.) #IABot (v2.0.9.5

← Previous revision		Revision as of 05:42, 29 June 2024
Line 112:		Line 112:
	The subsequent image task optimizes images. <Code>gulp.src()</code> retrieves all the images with the extension .png, .gif or .jpg in the directory '''images-orig/'.''		The subsequent image task optimizes images. <Code>gulp.src()</code> retrieves all the images with the extension .png, .gif or .jpg in the directory '''images-orig/'.''

	<Code>.pipe(imagemin())</Code> channels the images found, through the optimization process and with <code>.pipe(gulp.dest())</code> the optimized images are saved to the '''images/' folder''. Without <code>gulp.dest()</code> the images would indeed be optimized, but are not stored.<ref>{{cite web\|url=http://magazin.phlow.de/webdesign/gulp/ \|title=Durchstarten mit Gulp.js – Websites optimieren, Arbeitsabläufe automatisieren \|website=Magazin.phlow.de \|date=2014-05-25 \|access-date=2016-12-14}}</ref> Since the optimized images are stored to another folder, the original images remain unaltered.<ref name=":3">{{Cite book\|title=Getting Started with Gulp\|last=Maynard\|first=Travis\|publisher=Packt Publishing Ltd\|year=2015\|isbn=9781784393472}}</ref><syntaxhighlight lang="javascript">		<Code>.pipe(imagemin())</Code> channels the images found, through the optimization process and with <code>.pipe(gulp.dest())</code> the optimized images are saved to the '''images/' folder''. Without <code>gulp.dest()</code> the images would indeed be optimized, but are not stored.<ref>{{cite web \|url=http://magazin.phlow.de/webdesign/gulp/ \|title=Durchstarten mit Gulp.js – Websites optimieren, Arbeitsabläufe automatisieren \|website=Magazin.phlow.de \|date=2014-05-25 \|access-date=2016-12-14 \|archive-date=2017-06-16 \|archive-url=https://web.archive.org/web/20170616233539/http://magazin.phlow.de/webdesign/gulp/ \|url-status=dead }}</ref> Since the optimized images are stored to another folder, the original images remain unaltered.<ref name=":3">{{Cite book\|title=Getting Started with Gulp\|last=Maynard\|first=Travis\|publisher=Packt Publishing Ltd\|year=2015\|isbn=9781784393472}}</ref><syntaxhighlight lang="javascript">
	// Images task		// Images task
	gulp.task('images', function () {		gulp.task('images', function () {

170.133.21.137: Updated latest release to 5.0.0

2024-03-31T07:23:56Z

Updated latest release to 5.0.0

← Previous revision		Revision as of 07:23, 31 March 2024
Line 22:		Line 22:
	\| ver layout =		\| ver layout =
	\| discontinued =		\| discontinued =
	\| latest release version = 4.0.2		\| latest release version = 5.0.0
	\| latest_release_date = {{Start date and age\|~~2019~~\|05\|06\|df=yes}}<ref name="latest-releases">{{cite web \| url=https://github.com/gulpjs/gulp/releases \| access-date=2020-12-31 \| title=Releases · gulpjs/gulp\| website=[[GitHub]] }}</ref>		\| latest_release_date = {{Start date and age\|2024\|03\|29\|df=yes}}<ref name="latest-releases">{{cite web \| url=https://github.com/gulpjs/gulp/releases \| access-date=2020-12-31 \| title=Releases · gulpjs/gulp\| website=[[GitHub]] }}</ref>
	\| latest preview version =		\| latest preview version =
	\| latest preview date =		\| latest preview date =

185.22.198.1: Author is not that important as part of the initial description. Original author information is already on the right of the page.

2023-11-10T15:11:55Z

Author is not that important as part of the initial description. Original author information is already on the right of the page.

← Previous revision		Revision as of 15:11, 10 November 2023
Line 17:		Line 17:
	\| caption =		\| caption =
	\| other_names =		\| other_names =
			\| author = Eric Schoffstall<ref name=":0">{{Cite book\|title=Developing a Gulp Edge\|publisher=Bleeding Edge Press\|year=2014\|isbn=978-1-939902-14-6\|edition=1st\|author1=Jed Mao \|author2=Maximilian Schmitt \|author3=Tomasz Stryjewski \|author4=Cary Country Holt \|author5=William Lubelski }}</ref>
	\| author = Eric Schoffstall
	\| developer = Blaine Bublitz, Eric Schoffstall		\| developer = Blaine Bublitz, Eric Schoffstall
	\| released = {{Start date and age\|2013\|09\|26\|df=yes}}<ref>{{cite web \| url=https://libraries.io/npm/gulp/versions \| access-date=2020-12-31 \| title=Release Date of Version 1.0.0}}</ref><!-- As per template guideline, this is the release date of version 1.0.0 -->		\| released = {{Start date and age\|2013\|09\|26\|df=yes}}<ref>{{cite web \| url=https://libraries.io/npm/gulp/versions \| access-date=2020-12-31 \| title=Release Date of Version 1.0.0}}</ref><!-- As per template guideline, this is the release date of version 1.0.0 -->
Line 49:		Line 49:
	}}		}}

	'''gulp''' is an [[Open-source software\|open-source]] [[JavaScript]] toolkit created by Eric Schoffstall<ref name=":0">{{Cite book\|title=Developing a Gulp Edge\|publisher=Bleeding Edge Press\|year=2014\|isbn=978-1-939902-14-6\|edition=1st\|author1=Jed Mao \|author2=Maximilian Schmitt \|author3=Tomasz Stryjewski \|author4=Cary Country Holt \|author5=William Lubelski }}</ref> used as a streaming [[build system]] (similar to a more package-focused [[Make (software)\|Make]]) in [[front-end web development]].		'''gulp''' is an [[Open-source software\|open-source]] [[JavaScript]] toolkit, used as a streaming [[build system]] (similar to a more package-focused [[Make (software)\|Make]]) in [[front-end web development]].

	It is a task runner built on [[Node.js]] and [[npm (software)\|npm]], used for automation of time-consuming and repetitive tasks involved in web development like [[Minification (programming)\|minification]], concatenation, cache busting, [[unit testing]], [[Linting software\|linting]], optimization, etc.<ref>{{cite web\|url=https://www.smashingmagazine.com/2014/06/building-with-gulp/ \|title=Building With Gulp – Smashing Magazine \|website=Smashingmagazine.com \|date=11 June 2014 \|access-date=2016-12-14}}</ref>		It is a task runner built on [[Node.js]] and [[npm (software)\|npm]], used for automation of time-consuming and repetitive tasks involved in web development like [[Minification (programming)\|minification]], concatenation, cache busting, [[unit testing]], [[Linting software\|linting]], optimization, etc.<ref>{{cite web\|url=https://www.smashingmagazine.com/2014/06/building-with-gulp/ \|title=Building With Gulp – Smashing Magazine \|website=Smashingmagazine.com \|date=11 June 2014 \|access-date=2016-12-14}}</ref>

Solarius: Undid revision 1164430631 by 122.162.148.119 (talk)

2023-11-09T17:14:50Z

Undid revision 1164430631 by 122.162.148.119 (talk)

← Previous revision		Revision as of 17:14, 9 November 2023
Line 6:		Line 6:
	}}		}}
	{{Infobox software		{{Infobox software
	\| name = ~~sss~~		\| name = gulp
	\| logo = Gulp.js Logo.svg		\| logo = Gulp.js Logo.svg
	\| logo caption =		\| logo caption =

158.51.177.100: Added missing file name package.json

2023-11-03T21:36:11Z

Added missing file name package.json

← Previous revision		Revision as of 21:36, 3 November 2023
Line 63:		Line 63:

	== Operation ==		== Operation ==
	The gulp tasks are run from a [[command-line interface]] (CLI)<ref name="gulpjs/gulp"/> shell and require two files, <code>package.json</code>, which is used to list the various plugins for gulp, and <code>gulpfile.js</code> (or simply <code>gulpfile</code>), These, as per build tool convention, are often found in the root directory of the package's source code. The gulpfile contains most of the logic that gulp needs to run its build tasks. First, all the necessary modules are loaded and then tasks are defined in the gulpfile. All the necessary plugins specified in the gulpfile are listed in the devDependencies section of<ref name=":2">{{cite web\|url=https://docs.npmjs.com/cli/install\|title=install {{!}} npm Documentation\|website=docs.npmjs.com\|access-date=2016-09-22}}</ref> The default task runs by <code>$gulp</code>. Individual tasks can be defined by gulp.task and are run by <code>gulp <task> <othertask></code>.<ref name=":1">{{cite web\|url=https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md\|title=gulpjs/gulp\|website=GitHub\|access-date=2016-09-23}}</ref> Complex tasks are defined by chaining the plugins with the help of <code>.pipe()</code> operator.<ref name=":3" />		The gulp tasks are run from a [[command-line interface]] (CLI)<ref name="gulpjs/gulp"/> shell and require two files, <code>package.json</code>, which is used to list the various plugins for gulp, and <code>gulpfile.js</code> (or simply <code>gulpfile</code>), These, as per build tool convention, are often found in the root directory of the package's source code. The gulpfile contains most of the logic that gulp needs to run its build tasks. First, all the necessary modules are loaded and then tasks are defined in the gulpfile. All the necessary plugins specified in the gulpfile are listed in the devDependencies section of <code>package.json</code>.<ref name=":2">{{cite web\|url=https://docs.npmjs.com/cli/install\|title=install {{!}} npm Documentation\|website=docs.npmjs.com\|access-date=2016-09-22}}</ref> The default task runs by <code>$gulp</code>. Individual tasks can be defined by gulp.task and are run by <code>gulp <task> <othertask></code>.<ref name=":1">{{cite web\|url=https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md\|title=gulpjs/gulp\|website=GitHub\|access-date=2016-09-23}}</ref> Complex tasks are defined by chaining the plugins with the help of <code>.pipe()</code> operator.<ref name=":3" />

	== Anatomy of gulpfile ==		== Anatomy of gulpfile ==

122.162.148.119 at 06:14, 9 July 2023

2023-07-09T06:14:46Z

← Previous revision		Revision as of 06:14, 9 July 2023
Line 6:		Line 6:
	}}		}}
	{{Infobox software		{{Infobox software
	\| name = ~~gulp~~		\| name = sss
	\| logo = Gulp.js Logo.svg		\| logo = Gulp.js Logo.svg
	\| logo caption =		\| logo caption =

Citation bot: Add: date, website. | Use this bot. Report bugs. | Suggested by Abductive | #UCB_webform 808/3850

2023-01-24T10:13:37Z

Add: date, website. | Use this bot. Report bugs. | Suggested by Abductive | #UCB_webform 808/3850

← Previous revision		Revision as of 10:13, 24 January 2023
Line 23:		Line 23:
	\| discontinued =		\| discontinued =
	\| latest release version = 4.0.2		\| latest release version = 4.0.2
	\| latest_release_date = {{Start date and age\|2019\|05\|06\|df=yes}}<ref name="latest-releases">{{cite web \| url=https://github.com/gulpjs/gulp/releases \| access-date=2020-12-31 \| title=Releases · gulpjs/gulp}}</ref>		\| latest_release_date = {{Start date and age\|2019\|05\|06\|df=yes}}<ref name="latest-releases">{{cite web \| url=https://github.com/gulpjs/gulp/releases \| access-date=2020-12-31 \| title=Releases · gulpjs/gulp\| website=[[GitHub]] }}</ref>
	\| latest preview version =		\| latest preview version =
	\| latest preview date =		\| latest preview date =
Line 44:		Line 44:
	\| language footnote =		\| language footnote =
	\| genre = [[Toolkit]]		\| genre = [[Toolkit]]
	\| license = [[MIT License]]<ref>{{cite web \| url=https://github.com/gulpjs/gulp/blob/master/LICENSE \| title=LICENSE file on GitHub \| access-date=2020-12-31}}</ref><ref>{{cite web \| url=https://www.npmjs.com/package/gulp \| title=License field from gulp - npm \| access-date=2020-12-31}}</ref>		\| license = [[MIT License]]<ref>{{cite web \| url=https://github.com/gulpjs/gulp/blob/master/LICENSE \| title=LICENSE file on GitHub \| website=[[GitHub]] \| access-date=2020-12-31}}</ref><ref>{{cite web \| url=https://www.npmjs.com/package/gulp \| title=License field from gulp - npm \| access-date=2020-12-31}}</ref>
	\| website =		\| website =
	\| AsOf =		\| AsOf =
Line 51:		Line 51:
	'''gulp''' is an [[Open-source software\|open-source]] [[JavaScript]] toolkit created by Eric Schoffstall<ref name=":0">{{Cite book\|title=Developing a Gulp Edge\|publisher=Bleeding Edge Press\|year=2014\|isbn=978-1-939902-14-6\|edition=1st\|author1=Jed Mao \|author2=Maximilian Schmitt \|author3=Tomasz Stryjewski \|author4=Cary Country Holt \|author5=William Lubelski }}</ref> used as a streaming [[build system]] (similar to a more package-focused [[Make (software)\|Make]]) in [[front-end web development]].		'''gulp''' is an [[Open-source software\|open-source]] [[JavaScript]] toolkit created by Eric Schoffstall<ref name=":0">{{Cite book\|title=Developing a Gulp Edge\|publisher=Bleeding Edge Press\|year=2014\|isbn=978-1-939902-14-6\|edition=1st\|author1=Jed Mao \|author2=Maximilian Schmitt \|author3=Tomasz Stryjewski \|author4=Cary Country Holt \|author5=William Lubelski }}</ref> used as a streaming [[build system]] (similar to a more package-focused [[Make (software)\|Make]]) in [[front-end web development]].

	It is a task runner built on [[Node.js]] and [[npm (software)\|npm]], used for automation of time-consuming and repetitive tasks involved in web development like [[Minification (programming)\|minification]], concatenation, cache busting, [[unit testing]], [[Linting software\|linting]], optimization, etc.<ref>{{cite web\|url=https://www.smashingmagazine.com/2014/06/building-with-gulp/ \|title=Building With Gulp – Smashing Magazine \|website=Smashingmagazine.com \|access-date=2016-12-14}}</ref>		It is a task runner built on [[Node.js]] and [[npm (software)\|npm]], used for automation of time-consuming and repetitive tasks involved in web development like [[Minification (programming)\|minification]], concatenation, cache busting, [[unit testing]], [[Linting software\|linting]], optimization, etc.<ref>{{cite web\|url=https://www.smashingmagazine.com/2014/06/building-with-gulp/ \|title=Building With Gulp – Smashing Magazine \|website=Smashingmagazine.com \|date=11 June 2014 \|access-date=2016-12-14}}</ref>

	gulp uses a code-over-configuration approach to define its tasks and relies on its small, single-purpose plugins to carry them out. The gulp ecosystem includes more than 3500 such plugins.<ref>{{cite web\|url=https://gulpjs.com/plugins/ \|title=gulp.js plugin registry \|website=Gulpjs.com \|access-date=2016-12-14}}</ref>		gulp uses a code-over-configuration approach to define its tasks and relies on its small, single-purpose plugins to carry them out. The gulp ecosystem includes more than 3500 such plugins.<ref>{{cite web\|url=https://gulpjs.com/plugins/ \|title=gulp.js plugin registry \|website=Gulpjs.com \|access-date=2016-12-14}}</ref>

IceWelder: /* top */remove redundant param

2022-10-26T16:06:12Z

top: remove redundant param

← Previous revision		Revision as of 16:06, 26 October 2022
Line 47:		Line 47:
	\| website =		\| website =
	\| AsOf =		\| AsOf =
	\| games list =
	}}		}}

Mormegil: /* See also */ -self

2022-04-03T15:10:43Z

← Previous revision		Revision as of 15:10, 3 April 2022
Line 148:		Line 148:
	==See also==		==See also==
	* [[Grunt (software)]]		* [[Grunt (software)]]
		⚫	* [[Browserify]]
	*Gulp.js
⚫	*[[Browserify]]

	==References==		==References==