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

rename( 'styles.min.css' ) <-- so just put a timestamp here — zerkms
– zerkms, Commented Feb 7, 2015 at 1:01
Yes, put a current timestamp there. There is a Date object in JS available. — zerkms
– zerkms, Commented Feb 7, 2015 at 1:18
.pipe( rename( 'styles-'+((new Date()).getTime())+'.min.css' ) ) like so — David Parlevliet
– David Parlevliet, Commented Feb 7, 2015 at 2:17
I suggest posting an answer to your own question and marking it as accepted. — Timmerz
– Timmerz, Commented Feb 7, 2015 at 2:17

Rich · Accepted Answer · 2015-02-07 02:20:32Z

14

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' ) ); });

answered Feb 7, 2015 at 2:20

Rich

1,1763 gold badges17 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

David Parlevliet Over a year ago

Correct, that would be a better solution, it saves cache busting for no reason

Collectives™ on Stack Overflow

Using Gulp to add a timestamp to filename

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related