Minimalizácia súborov v Gulp

Poďme sa teraz naučiť aplikovať operácie na skupinu súborov. Na začiatok budeme minimalizovať CSS súbory. To sa robí pomocou pluginu gulp-clean-css.

Na začiatok je potrebné tento plugin nainštalovať do nášho projektu:

terminalnpm install gulp-clean-css --save-dev

Po tom importujeme nainštalovaný plugin:

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

Použijeme ho pre nejaký súbor:

javascriptfunction task(cb) {
  return src('src/styles.css')
    .pipe(cleanCSS())
    .pipe(dest('dist'));
}

Použijeme náš plugin pre skupinu súborov:

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