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:
npm install gulp-clean-css --save-dev
Po tom importujeme nainštalovaný plugin:
let {src, dest} = require('gulp');
let cleanCSS = require('gulp-clean-css');
Použijeme ho pre nejaký súbor:
function task(cb) {
return src('src/styles.css')
.pipe(cleanCSS())
.pipe(dest('dist'));
}
Použijeme náš plugin pre skupinu súborov:
function task(cb) {
return src('src/*.css')
.pipe(cleanCSS())
.pipe(dest('dist'));
}
Pomocou pluginu gulp-uglify minimalizujte skupinu JavaScript súborov.
