gulp rev -替换崩溃

Question

这是一个简化的例子，但我无法使它起作用。我正试图把这些步骤融入我的工作流程中.

1. 查找一个文件名_head.html (它是我稍后组装的一个包含的文件片段)
2. 去获取小型化的CSS文件
3. 引用CSS
4. 在某个地方保存新的文件名
5. 将该散列文件名写入您在步骤1中抓取的HTML文件

下面是相关代码，这些代码一直在拼命地崩溃。

控制台输出屏幕截图：http://cl.ly/X8Es

var gulp       = require('gulp'),
    rev        = require('gulp-rev');
    revReplace = require('gulp-rev-replace');
    replace    = require('gulp-replace');
    filter     = require('gulp-filter');
    useref     = require('gulp-useref');


gulp.task("revtest", function() {

var cssFilter = filter('css/*.min.css');

return gulp.src("snippets/_head.html")  
    .pipe(cssFilter)
    .pipe(cssFilter.restore())
    .pipe(rev())
    .pipe(useref.restore())
    .pipe(useref())
    .pipe(revReplace())
    .pipe(gulp.dest('./'));
});

Answer 1

我也有过类似的问题。看看这些信息的来源：

var gulp   = require('gulp'),
rev        = require('gulp-rev');
revReplace = require('gulp-rev-replace');
replace    = require('gulp-replace');
filter     = require('gulp-filter');
useref     = require('gulp-useref');

gulp.task("revtest", function() {

    var cssFilter = filter('css/*.min.css');
    var assets = useref.assets();

    return gulp.src("snippets/_head.html")  
        .pipe(cssFilter)
        .pipe(cssFilter.restore())
        .pipe(rev())
        .pipe(assets.restore())
        .pipe(useref())
        .pipe(revReplace())
        .pipe(gulp.dest('./'));
});