Using Gulp to add a timestamp to filename

Question

Using Gulp I've got a pretty simple build process which compresses everything into 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' ) );
});

Can I modify this to append a timestamp to the file name, so my browser knows this is a new file and to clear its cache?

Something like this:

styles—1423267988.min.css

Answer 1

Follow-up:

Apparently, this is called cache-busting or fingerprinting

Using gulp-rev will append a hash to your output file.

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