Werkstroom in Gulp
Laten we nu leren hoe we meerdere bewerkingen op bestanden kunnen uitvoeren. Laten we bijvoorbeeld eerst LESS omzetten naar CSS, en vervolgens de verkregen CSS minimaliseren.
Laten we eerst alles importeren wat nodig is:
let {src, dest} = require('gulp');
let less = require('gulp-less');
let cleanCSS = require('gulp-clean-css');
Laten we nu de beschreven bewerkingen uitvoeren:
function task(cb) {
return src('src/*.less')
.pipe(less())
.pipe(cleanCSS())
.pipe(dest('dist'));
}
Zet Stylus bestanden om naar CSS met behulp van de plug-in gulp-stylus, voeg dan voorvoegsels toe aan de eigenschappen met de plug-in gulp-autoprefixer en voer vervolgens minimalisatie uit van de verkregen CSS met de plug-in gulp-csso.
