gulp-rev-collector不起作用

时间:2016-02-23 03:50:58

标签: javascript gulp

我使用gulp-rev和gulp-rev-collector来替换网址。我已经尝试了很多方法,但它没有用。

这是我的 directory structure

这是我的代码

var gulp = require('gulp'),
    cssmin = require('gulp-minify-css'),
    rename = require('gulp-rename'),
    concat = require('gulp-concat'),
    clean = require('gulp-clean');
    rev = require('gulp-rev'),
    revAppend = require('gulp-rev-append'),
    revCollector = require('gulp-rev-collector');

gulp.task('css', function() {
    gulp.src('src/*.css')
        .pipe(cssmin())
        .pipe(rename({suffix:'.min'}))
        .pipe(rev())
        .pipe(gulp.dest('app'))
        .pipe(rev.manifest())
        .pipe(gulp.dest('rev'));

});

gulp.task('concat', function() {
    gulp.src('app/*.css')
        .pipe(concat('all.css'))
        .pipe(gulp.dest('app'));

});

gulp.task('rev', function() {
    gulp.src(['rev/*.json','src/*.html'])
        .pipe(revCollector())
        .pipe(gulp.dest('app/'))
});

gulp.task('clean', function() {
    gulp.src('app/*.html')
        .pipe(clean());
});

1 个答案:

答案 0 :(得分:-1)

我已经解决了这个问题。事实证明,HTML中的url是'copyCss.css',但在文件'rev-manifest.json'中,键是'copyCss.min.css'。所以它没有'匹配。