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:
npm install gulp-clean-css --save-dev
Sau đó, import plugin đã cài đặt:
let {src, dest} = require('gulp');
let cleanCSS = require('gulp-clean-css');
Sử dụng nó cho một tập tin bất kỳ:
function 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:
function task(cb) {
return src('src/*.css')
.pipe(cleanCSS())
.pipe(dest('dist'));
}
Hãy thu nhỏ một nhóm tập tin JavaScript bằng plugin gulp-uglify.
