gulp 可否路径替换可否不重命名？

Question

需求：

将htm页面中“css/index.css”替换为"css/index.min.css";

现在的流程是，

1. concat；

2. autoprefixer；

3. clean-css；

4. rev生成rev-manifest.json；

5. revCollector根据4的结果替换页面并输出；

流程的结果是：

流程生效，但是index.css替换成了index-xxxx.css，这样明显每次生成的文件名都不一样，能不能变成indec.min.css或者index.min.css?1213这样的？我该使用什么插件？

Answer 1

我是这么玩的：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不知道是不是你想要的^^，而且我这也是重命名文件了。并不是在url后面加了query。其实你如果明白gulp-rev是在干嘛，就能明白为什么通过她只能修改文件名了。说白了，这个阶段还没有触碰到html，所以天晓得后续html是如何引用资源的，更不会去修改html里的引用，在后面加query了。