Ροή Εργασιών στο Gulp

Ας μάθουμε τώρα να εκτελούμε πολλαπλές λειτουργίες σε αρχεία. Για παράδειγμα, πρώτα να μετατρέψουμε το LESS σε CSS, και στη συνέχεια να ελαχιστοποιήσουμε το προκύπτον CSS.

Αρχικά, ας εισάγουμε ό,τι χρειαζόμαστε:

let {src, dest} = require('gulp');
let less = require('gulp-less');
let cleanCSS = require('gulp-clean-css');

Τώρα ας εκτελέσουμε τις περιγραφείσες λειτουργίες:

function task(cb) {
	return src('src/*.less')
		.pipe(less())
		.pipe(cleanCSS())
		.pipe(dest('dist'));
}

Μετατρέψτε τα αρχεία Stylus σε CSS χρησιμοποιώντας το plugin gulp-stylus, στη συνέχεια προσθέστε προθέματα στις ιδιότητες χρησιμοποιώντας το plugin gulp-autoprefixer και έπειτα εκτελέστε ελαχιστοποίηση του προκύπτοντος CSS χρησιμοποιώντας το plugin gulp-csso.