Đổ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:
npm 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:
let {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:
function task(cb) {
return src('src/*.css')
.pipe(cleanCSS())
.pipe(rename({
extname: '.min.css'
})
)
.pipe(dest('dist'));
}
Hãy thu nhỏ các file JavaScript bằng
plugin gulp-uglify sao cho các file thu được
có phần mở rộng là .min.js.
