Minimizarea fișierelor în Gulp
Să învățăm acum să aplicăm operații unui set de fișiere. Pentru început, vom minimiza fișierele CSS. Acest lucru se face cu ajutorul plugin-ului gulp-clean-css.
Pentru început, acest plugin trebuie instalat în proiectul nostru:
npm install gulp-clean-css --save-dev
După aceasta, importăm plugin-ul instalat:
let {src, dest} = require('gulp');
let cleanCSS = require('gulp-clean-css');
Îl folosim pentru un fișier oarecare:
function task(cb) {
return src('src/styles.css')
.pipe(cleanCSS())
.pipe(dest('dist'));
}
Folosim plugin-ul nostru pentru un grup de fișiere:
function task(cb) {
return src('src/*.css')
.pipe(cleanCSS())
.pipe(dest('dist'));
}
Cu ajutorul plugin-ului gulp-uglify minimizați un grup de fișiere JavaScript.
