Minimisering van lêers in Gulp
Laat ons nou leer hoe om operasies op 'n stel lêers toe te pas. Eerstens sal ons CSS-lêers minimeer. Dit word gedoen met die plugin gulp-clean-css.
Eerstens moet hierdie plugin geïnstalleer word in ons projek:
npm install gulp-clean-css --save-dev
Daarna voer ons die geïnstalleerde plugin in:
let {src, dest} = require('gulp');
let cleanCSS = require('gulp-clean-css');
Gebruik dit vir 'n lêer:
function task(cb) {
return src('src/styles.css')
.pipe(cleanCSS())
.pipe(dest('dist'));
}
Gebruik ons plugin vir 'n groep lêers:
function task(cb) {
return src('src/*.css')
.pipe(cleanCSS())
.pipe(dest('dist'));
}
Minimeer 'n groep JavaScript-lêers met behulp van die plugin gulp-uglify.
