gulp.task('usemin', function () {
return gulp.src(path.src + '*.html')
.pipe(usemin({
assetsDir: 'src',
css: [ minifyCss(), 'concat', rev()],
js: [uglify(), rev()],
images: [rev()]
}))
.pipe(gulp.dest(path.dist));
});
它不适用于图像。
最佳答案
gulp-rev-all 的理念对我来说是查看 Assets 修订的好方法。非常well explained在他们的 Readme 中,哈希还应该考虑到修订文件之间的引用。
我已经模拟了一个小示例,它使用 background url
属性来缩小图像和 css 文件以查看新图像路径的修订。
gulp.task('image', function () {
return gulp.src('image.jpeg')
.pipe(img({ progressive: false }))
.pipe(gulp.dest('tmp'));
});
gulp.task('css', function () {
return gulp.src('test.css')
.pipe(css())
.pipe(gulp.dest('tmp'));
});
gulp.task('rev', ['image', 'css'], function () {
return gulp.src('tmp/**')
.pipe(rev())
.pipe(gulp.dest('dist'));
});
为了更清楚,我删除了所有花哨的东西,但您可以查看整个示例 here .
关于build - GulpJS : How to rev images and then update their refs in css files?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23179003/