Минимизация файлов Gulp

Давайте теперь научимся применять операции к набору файлов. Для начала будем минизировать файлы CSS. Это делается с помощью плагина gulp-clean-css.

Для начала этот плагин необходимо установить в наш проект:

npm install gulp-clean-css --save-dev

После этого импортируем установленный плагин:

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

Используем его для какого-нибудь файла:

gulpfile.jsfunction task(cb) {
  return src("src/styles.css").pipe(cleanCSS()).pipe(dest("dist"));
}

Используем наш плагин для группы файлов:

gulpfile.jsfunction task(cb) {
  return src("src/*.css").pipe(cleanCSS()).pipe(dest("dist"));
}