Minifikacja plików w Gulp

Teraz nauczmy się stosować operacje do zestawu plików. Na początek zminifikujmy pliki CSS. Robi się to za pomocą wtyczki gulp-clean-css.

Najpierw tę wtyczkę należy zainstalować w naszym projekcie:

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

Następnie importujemy zainstalowaną wtyczkę:

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

Użyjmy jej dla jakiegoś pliku:

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

Użyjmy naszej wtyczki dla grupy plików:

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