扫码关注官方订阅号
concat;
autoprefixer;
clean-css;
rev生成rev-manifest.json;
revCollector根据4的结果替换页面并输出;
光阴似箭催人老,日月如移越少年。
我是这么玩的:
var gulp = require('gulp'); var rev = require('gulp-rev'); var through = require('through2'); var modify = require('modify-filename'); gulp.task('default', function() { return gulp.src('*.css') .pipe(rev()) .pipe(through.obj(function(file, enc, cb) { // write the NEW path file.path = modify(file.revOrigPath, function(name, ext) { return name + '.min' + ext + '?' + file.revHash; }); // send it back to stream cb(null, file); })) .pipe(gulp.dest('dist')) .pipe(rev.manifest()) .pipe(gulp.dest('dist')); });
原先的test.css,经过处理后,会变成dist/test.min.css?8ba9b68ade
test.css
dist/test.min.css?8ba9b68ade
不知道是不是你想要的^^,而且我这也是重命名文件了。并不是在url后面加了query。其实你如果明白gulp-rev是在干嘛,就能明白为什么通过她只能修改文件名了。说白了,这个阶段还没有触碰到html,所以天晓得后续html是如何引用资源的,更不会去修改html里的引用,在后面加query了。
query
gulp-rev
html
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
我是这么玩的:
原先的
test.css,经过处理后,会变成dist/test.min.css?8ba9b68ade