使用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
答案 0 :(得分:10)
<强>随访:强>
显然,这称为缓存破坏或指纹识别
使用gulp-rev会将哈希附加到输出文件中。
...
.pipe( rev() )
.pipe( gulp.dest( '../dist' ) );
});