Thu nhỏ tập tin trong Gulp

Bây giờ hãy cùng học cách áp dụng các thao tác cho một nhóm tập tin. Đầu tiên chúng ta sẽ thu nhỏ các tập tin CSS. Việc này được thực hiện bằng plugin gulp-clean-css.

Đầu tiên, cần cài đặt plugin này vào dự án của chúng ta:

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

Sau đó, import plugin đã cài đặt:

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

Sử dụng nó cho một tập tin bất kỳ:

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

Sử dụng plugin của chúng ta cho một nhóm tập tin:

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