首頁猿問 gulp 可否路徑替換可否不重命名？

gulp 可否路徑替換可否不重命名？

JavaScript

紫衣仙女 2018-08-01 09:09:32

需求：將htm頁面中“css/index.css”替換為"css/index.min.css";現(xiàn)在的流程是，concat；autoprefixer；clean-css；rev生成rev-manifest.json；revCollector根據(jù)4的結(jié)果替換頁面并輸出；流程的結(jié)果是：流程生效，但是index.css替換成了index-xxxx.css，這樣明顯每次生成的文件名都不一樣，能不能變成indec.min.css或者index.min.css?1213這樣的？我該使用什么插件？

查看完整描述

1 回答

慕容森

TA貢獻(xiàn)1853條經(jīng)驗獲得超18個贊

我是這么玩的：

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，經(jīng)過處理后，會變成dist/test.min.css?8ba9b68ade

不知道是不是你想要的^^，而且我這也是重命名文件了。并不是在url后面加了query。其實你如果明白gulp-rev是在干嘛，就能明白為什么通過她只能修改文件名了。說白了，這個階段還沒有觸碰到html，所以天曉得后續(xù)html是如何引用資源的，更不會去修改html里的引用，在后面加query了。