gulp的使用

gulp：自動化構建工具

可以用來處理常見任務，如：

• 文件保存時自動重載瀏覽器
• 使用預處理器如Sass、LESS
• 優化資源，比如壓縮CSS、JavaScript、壓縮圖片

等等。

下面演示的是清除文件，以及壓縮文件。

1. 清除文件

下面的代碼可以實現清除test.js文件的任務。把下面的代碼保存爲gulpfile.js

var clean = require('gulp-clean');
var gulp = require('gulp');

gulp.task('clean', function () {
    gulp.src('tmp/test.js')
        .pipe(clean());
});

輸入命令：

gulp clean

就會啓動該命令，把文件清除

2. 壓縮文件

var gulp = require('gulp');
var tar = require('gulp-tar');
var gzip = require('gulp-gzip');



//壓縮任務(把當前整個目錄打包到"test.tar",然後再壓縮，最後保存在/result目錄下“test.tar.gz”)，在clean任務之後執行
gulp.task('compress', ['clean'], function () {
    gulp.src('./**')
        .pipe(tar('test.tar'))
        .pipe(gzip())
        .pipe(gulp.dest('/result'));
});

輸入命令：

gulp compress

就會壓縮。

3. 在壓縮之前先清除原來的文件。

var clean = require('gulp-clean');
var gulp = require('gulp');
var tar = require('gulp-tar');
var gzip = require('gulp-gzip');

gulp.task('clean', function () {
    gulp.src('./result')
        .pipe(clean());
});

//壓縮任務(把'kafka_mongodb'整個目錄打包壓縮)，在clean任務之後執行
gulp.task('compress', ['clean'], function () {
    gulp.src('./**')
        .pipe(tar('kafka_mongodb.tar'))
        .pipe(gzip())
        .pipe(gulp.dest('./result'));
});