Minimierung von Dateien in Gulp

Lassen Sie uns nun lernen, Operationen auf eine Reihe von Dateien anzuwenden. Zunächst minimieren wir CSS-Dateien. Dies geschieht mit dem Plugin gulp-clean-css.

Zunächst muss dieses Plugin in unserem Projekt installiert werden:

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

Danach importieren wir das installierte Plugin:

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

Verwenden wir es für eine beliebige Datei:

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

Verwenden wir unser Plugin für eine Gruppe von Dateien:

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