Minimização de arquivos no Gulp
Agora vamos aprender a aplicar operações a um conjunto de arquivos. Começaremos minimizando arquivos CSS. Isso é feito usando o plugin gulp-clean-css.
Primeiro, este plugin precisa ser instalado em nosso projeto:
npm install gulp-clean-css --save-dev
Após isso, importamos o plugin instalado:
let {src, dest} = require('gulp');
let cleanCSS = require('gulp-clean-css');
Vamos usá-lo para algum arquivo:
function task(cb) {
return src('src/styles.css')
.pipe(cleanCSS())
.pipe(dest('dist'));
}
Usamos nosso plugin para um grupo de arquivos:
function task(cb) {
return src('src/*.css')
.pipe(cleanCSS())
.pipe(dest('dist'));
}
Usando o plugin gulp-uglify minimize um grupo de arquivos JavaScript.
