使用Gulp为文件名添加时间戳

时间:2015-02-07 01:00:30

标签: javascript css node.js gulp

使用Gulp我有一个非常简单的构建过程,将所有内容压缩为styles.min.css

gulp.task( 'styles', function() {
    gulp.src( './scss/*.scss' )
    .pipe( sass( { errLogToConsole: true } ) )
    .pipe( autoprefix( 'last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4' ) )
    .pipe( cssmin() )
    .pipe( rename( 'styles.min.css' ) )
    .pipe( gulp.dest( '../dist' ) );
});

我是否可以修改此项以在文件名后附加时间戳,以便我的浏览器知道这是一个新文件并清除其缓存?

这样的事情:

styles—1423267988.min.css

1 个答案:

答案 0 :(得分:10)

<强>随访:

显然,这称为缓存破坏指纹识别

使用gulp-rev会将哈希附加到输出文件中。

...
    .pipe( rev() )
    .pipe( gulp.dest( '../dist' ) );
});