首页 > gulp 可否路径替换可否不重命名?

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

需求:

将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这样的?我该使用什么插件?


我是这么玩的:

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了。

【热门文章】
【热门文章】