我使用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());
});
答案 0 :(得分:-1)
我已经解决了这个问题。事实证明,HTML中的url是'copyCss.css',但在文件'rev-manifest.json'中,键是'copyCss.min.css'。所以它没有'匹配。