gulp常用插件之gulp-rev-outdated使用

更多gulp常用插件使用请访问：gulp常用插件汇总

gulp-rev-outdated这是一款旧的静态资产修订文件过滤器。

我们可以使用gulp rev来缓存一些资产。源文件的每次修改都会导致新的修改资产创建。如果使用单独的 http://static.exsample.com/ 域来分发静态资产，我们会遇到大量累积的已修改资产文件的问题。如果我们有几个不同的前端（例如[www-1.exsample.com，www-2.exsample.cpm。。。www-12.exsample com]）使用不同的软件版本，我们无法删除static.exsample.com上的所有修订资产文件。我们需要保存最近修改过的资产数量。gulp rev过时的过滤器修改的资产，并排除最近要删除的文件的参数化数量。

更多使用文档请点击访问gulp-rev-outdated工具官网。

安装

一键安装不多解释

npm install --save-dev gulp-rev-outdated

使用

接受一个参数[keepQuantity]-最近保存的文件数。默认值==2。

var gulp         = require('gulp');

var gutil           = require('gulp-util');

var rimraf          = require('rimraf');

var revOutdated     = require('gulp-rev-outdated');

var path            = require('path');

var through         = require('through2');

function cleaner() {

    return through.obj(function(file, enc, cb){

        rimraf( path.resolve( (file.cwd || process.cwd()), file.path), function (err) {

            if (err) {

                this.emit('error', new gutil.PluginError('Cleanup old files', err));

            }

            this.push(file);

            cb();

        }.bind(this));

    });

}

gulp.task('clean', function() {

    gulp.src( ['dist/js/vendors*.js'], {read: false})

        .pipe( revOutdated(1) ) // 保留1个最新的资产文件

        .pipe( cleaner() );

    gulp.src( ['dist/js/bundle*.js'], {read: false})

        .pipe( revOutdated(3) ) // 保留3个最近的资产

        .pipe( cleaner() );

    gulp.src( ['dist/css/*.css'], {read: false})

        .pipe( revOutdated() ) // 保留2个最近的资产（默认值）

        .pipe( cleaner() );

    return;

});

也可以一次传递所有资产文件：

[...]

gulp.task('clean', function() {

    gulp.src( ['dist/**/*.*'], {read: false})

        .pipe( revOutdated(1) ) // 为每个文件名前缀保留1个最新的资产文件。

        .pipe( cleaner() );

    return;

});

gulp.src选项read false阻止gulp读取文件的内容并使此任务快得多。如果在同一流中清洗后需要文件及其内容，请不要将read选项设置为false。

巴特西

gulp常用插件之gulp-rev-outdated使用

安装

使用

最新文章

热门文章