Flusso delle operazioni in Gulp
Ora impariamo come eseguire multiple operazioni sui file. Ad esempio, prima convertiamo LESS in CSS, e poi minimizziamo il CSS risultante.
Per iniziare, importiamo tutto ciò che serve:
let {src, dest} = require('gulp');
let less = require('gulp-less');
let cleanCSS = require('gulp-clean-css');
Ora eseguiamo le operazioni descritte:
function task(cb) {
return src('src/*.less')
.pipe(less())
.pipe(cleanCSS())
.pipe(dest('dist'));
}
Converti i file Stylus in CSS utilizzando il plugin gulp-stylus, poi aggiungi prefissi alle proprietà con il plugin gulp-autoprefixer e infine esegui la minimizzazione del CSS risultante con il plugin gulp-csso.
