Редагування Gulp.js

{{Infobox Software
| logo           = Gulp.js Logo.svg
| logo size      = 100px
| developer      = Fractal and contributors of the GitHub community
| latest release version = 4.0.0
| latest_release_date = {{Start date and age|2017|12|31|df=yes}}<ref name="previous-releases">{{cite web  | url=https://github.com/gulpjs/gulp/blob/master/CHANGELOG.md  | accessdate=2018-01-11  | title=gulp changelog  | archive-date=1 травня 2019  | archive-url=https://web.archive.org/web/20190501233152/https://github.com/gulpjs/gulp/blob/master/CHANGELOG.md  }}</ref>
| language = [[JavaScript]]
| genre = [[Toolkit]]
| platform       = [[Cross-platform]]
| license                = [[MIT License]]<ref>{{cite web|url=https://github.com/gulpjs/gulp/blob/master/LICENSE|title=License to github.com|language=en|accessdate=2016-05-30|archive-date=1 травня 2019|archive-url=https://web.archive.org/web/20190501233158/https://github.com/gulpjs/gulp/blob/master/LICENSE}}</ref>
|name=gulp}}

'''Gulp'''&nbsp;— таск-менеджер для автоматичного виконання завдань (наприклад, [[Мініфікація (програмування)|мініфікаціі]], тестування, об'єднання файлів), написаний на мові програмування JavaScript. Програмне забезпечення використовує командний рядок для запуску завдань, визначених у файлі Gulpfile<ref>{{Cite web |url=https://www.sitepoint.com/introduction-gulp-js/ |title=An Introduction to Gulp.js |accessdate=13 серпня 2018 |archive-date=14 серпня 2018 |archive-url=https://web.archive.org/web/20180814040401/https://www.sitepoint.com/introduction-gulp-js/ }}</ref>. Створено як відгалуження від проекту [[Grunt (програмне забезпечення)|Grunt]], щоб взяти з нього найкращі практики<ref>{{Cite web |url=http://frontender.info/no-need-to-grunt-take-a-gulp-of-fresh-air |title=/ Gulp - як ковток свіжого повітря після Grunt |accessdate=13 серпня 2018 |archive-date=12 березня 2017 |archive-url=https://web.archive.org/web/20170312082535/http://frontender.info/no-need-to-grunt-take-a-gulp-of-fresh-air/ }}</ref>. Поширюється через менеджер пакетів [[Npm]] під [[Ліцензія MIT|MIT ліцензією]]<ref>{{Cite web |url=https://github.com/gulpjs/gulp/blob/master/LICENSE |title=LICENSE |accessdate=13 серпня 2018 |archive-date=1 травня 2019 |archive-url=https://web.archive.org/web/20190501233158/https://github.com/gulpjs/gulp/blob/master/LICENSE }}</ref>.

На відміну від Grunt код завдань записують JavaScript кодом, а не у вигляді [[Конфігураційний файл|конфігураційного файлу]]<ref>{{Cite web |url=http://frontender.info/gulp-grunt-whatever/ |title=Gulp або Grunt, та все одно |accessdate=13 серпня 2018 |archive-date=12 березня 2017 |archive-url=https://web.archive.org/web/20170312084041/http://frontender.info/gulp-grunt-whatever/ }}</ref>.

Станом на 2017-й рік налічується більше 3100 плагінів для Gulp<ref>[https://www.npmjs.com/browse/keyword/gulpplugin?offset=3100 packages with keyword 'gulpplugin']</ref>.

Взаємодії між частинами програми реалізують за допомогою оператора <code> .pipe() </code>, виконуючи по одному завданню за раз, не зачіпаючи вихідні файли. Це дає можливість комбінації плагінів в будь-якій послідовності і кількості.

Так само в Gulp вдосконалена система збирання. Це означає, що крім запуску завдань, можна також копіювати файли з місця на місце, компілювати і розгортати проект в новому оточенні.

==Анатомія gulpfile==
Файл містить підключення плагінів, функції завдань та завдання за замовчуванням наприкінці.

=== Плагіни ===
Будь-який необхідний плагін підключається на початку файлу. Перед цим плагіни повинні бути інстальовані командою npm install. 
<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|archive-date=4 січня 2020|archive-url=https://web.archive.org/web/20200104085240/https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md}}</ref><ref name=":3">{{Cite book|title=Getting Started with Gulp|last=Maynard|first=Travis|publisher=Packt Publishing Ltd|year=2015|isbn=9781784393472|location=|pages=|via=}}</ref> <syntaxhighlight lang="javascript">
//Adding dependencies
var gulp = require ( 'gulp');
var gutil = require ( 'util-gulp');
</syntaxhighlight>


=== Завдання  ===
Завдання створюють за допомогою
''gulp.task'', в якому першим аргументом є назва завдання, а другим аргументом анонімна функція.

<ref>{{cite web |url=https://github.com/gulpjs/gulp/blob/4.0/docs/API.md |title=gulp/API.md at 4.0 · gulpjs/gulp · GitHub |publisher=GitHub |date=2016-05-12 |accessdate=2016-12-14 |archiveurl=https://web.archive.org/web/20170306202555/https://github.com/gulpjs/gulp/blob/4.0/docs/API.md |archivedate=2017-03-06 |deadurl=yes }}</ref> <syntaxhighlight lang="javascript">
//Defining tasks
gulp.task ( 'taskName', function () {
//do something
});
</syntaxhighlight>

Можна написати завдання яке виконує декілька функцій. Список функцій передаються 2 аргументом у вигляді масиву.
<syntaxhighlight lang="javascript">
function fn1 () {
// do something
}

function fn2 () {
// Do something else
}

// Task with array of function names
gulp.task ( 'taskName', ['fn1','fn2']);
</syntaxhighlight>

== Див. також ==
* {{нп|Grunt (software)|||Grunt (software)}}

== Примітки ==
{{reflist}}

[[Категорія:JavaScript]]
[[Категорія:Статті з прикладами коду мовою JavaScript]]