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

Using Gulp to add a timestamp to filename

本文关键字：添加 时间戳 文件名 Gulp 使用      更新时间：2023-09-26

使用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

后续：

显然，这被称为缓存破坏或指纹

使用gulp-rev将在输出文件中附加一个散列。

...
    .pipe( rev() )
    .pipe( gulp.dest( '../dist' ) );
});
相关文章：