Đổi tên file trong Gulp

Khi thu nhỏ file CSS hoặc JavaScript sẽ rất tiện lợi nếu các file đã được tối ưu được đánh dấu là min trong tên, ví dụ: styles.min.css.

Để làm điều này, người ta sử dụng plugin gulp-rename, plugin này đổi tên file trước khi lưu. Để cài đặt plugin, cần thực hiện lệnh sau trong dòng lệnh:

terminalnpm install gulp-rename --save-dev

Bây giờ hãy kết nối bộ thu nhỏ CSS và plugin đã cài đặt để đổi tên:

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

Bây giờ hãy thực hiện đổi tên file trước khi lưu chúng:

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