szit

Ez az oldal csak olvasható. Megtekintheted a forrását, de nem változtathatod meg. Ha úgy gondolod, hogy ez helytelen, kérdezd az Adminisztrátorokat!
[[oktatas:web:nodejs:gulp|< Gulp]]

====== Gulp kötegelés ======

  * **Szerző:** Sallai András
  * Copyright (c) 2021, Sallai András
  * Szerkesztve: 2021, 2022
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
  * Web: https://szit.hu

===== Soros végrehajtás =====

A feladatok egymás után sorba kerülnek végrehajtásra.

<code javascript>
const { series } = require('gulp');

function clean(cb) {
  // body elhagyható
  cb();
}

function build(cb) {
  // body elhagyható
  cb();
}

exports.build = build;
exports.default = series(clean, build);
</code>



Példa kiíratásra:

<code javascript gulpfile.js>
const { series } = require("gulp");

function feladat1(cb) {
    console.log('privát feladat 1');
    cb();
}

function feladat2(cb) {
    console.log('privát feladat 2');
    cb();
}

exports.default = series(feladat1, feladat2);
</code>

===== Párhuzamos végrehajtás =====

Ha a rendszer lehetővé teszi, a feladatok párhuzamosan hajtódnak végre. 

<code javascript gulpfile.js>
const { parallel } = require('gulp');

function javascript(cb) {
  // body elhagyható
  cb();
}

function css(cb) {
  // body elhagyható
  cb();
}

exports.build = parallel(javascript, css);
</code>


===== Figyelés =====

<code javascript gulpfile.js>
const { watch, series } = require('gulp');

function clean(cb) {
  // body elhagyható
  cb();
}

function javascript(cb) {
  // body elhagyható
  cb();
}

function css(cb) {
  // body elhagyható
  cb();
}

exports.default = function() {
  // Egyszeri feladat
  watch('src/*.css', css);
  // feladatok
  watch('src/*.js', series(clean, javascript));
};
</code>


===== Egymásbaágyazás =====

<code javascript>
exports.default = series(parallel(generateHTML,generateCSS,generateJS),runTests);
</code>