我定义了以下gulp-tasks。 他们应该修改静态文件并替换它们的链接。
var config = require('./config');
var gulp = require('gulp');
var rev = require('gulp-rev');
var revNapkin = require('gulp-rev-napkin');
var revReplace = require('gulp-rev-replace');
var runSequence = require('run-sequence');
var manifest_src = gulp.src('./' + config.base.dest + '/manifest.json');
var revStatic = function() {
return gulp.src([config.base.dest + '/**/*', '!' + config.base.dest + '/**/*+(css|js|json|html)'])
.pipe(rev())
.pipe(gulp.dest(config.base.dest))
.pipe(revNapkin({verbose: false}))
.pipe(rev.manifest(config.base.dest + '/manifest.json', {merge: true}))
.pipe(gulp.dest(''));
}
var revUpdateRef = function() {
return gulp.src(config.base.dest + '/**/**.{css,js}')
.pipe(revReplace({manifest: manifest_src}))
.pipe(gulp.dest(config.base.dest));
}
var revCSSJS = function() {
return gulp.src(config.base.dest + '/**/*.{css,js}')
.pipe(rev())
.pipe(gulp.dest(config.base.dest))
.pipe(revNapkin({verbose: false}))
.pipe(rev.manifest(config.base.dest + '/manifest.json', {merge: true}))
.pipe(gulp.dest(''));
}
var revUpdateHTML = function() {
return gulp.src(config.base.dest + '/**/*.html')
.pipe(revReplace({manifest: manifest_src}))
.pipe(gulp.dest(config.base.dest));
}
var revTask = function(cb) {
runSequence('rev:static', 'rev:updateRef', 'rev:cssjs', 'rev:updateHTML', cb)
}
gulp.task('rev:static', revStatic);
module.exports = revStatic;
gulp.task('rev:updateRef', revUpdateRef);
module.exports = revUpdateRef;
gulp.task('rev:cssjs', revCSSJS);
module.exports = revCSSJS;
gulp.task('rev:updateHTML', revUpdateHTML);
module.exports = revUpdateHTML;
gulp.task('rev', revTask);
module.exports = revTask;
如果我手动执行任务,一切都很好。但是,如果我运行由run-sequence运行的所有rev任务组成的任务'rev',则最后一个任务'rev:updateHTML'没有完成。
我的控制台输出如下所示
~/working/gulp-workflow/$gulp rev
[14:33:41] Using gulpfile ~/working/gulp-workflow/gulpfile.js
[14:33:41] Starting 'rev'...
[14:33:41] Starting 'rev:static'...
[14:33:41] Finished 'rev:static' after 204 ms
[14:33:41] Starting 'rev:updateRef'...
[14:33:41] Finished 'rev:updateRef' after 38 ms
[14:33:41] Starting 'rev:cssjs'...
[14:33:41] Finished 'rev:cssjs' after 26 ms
[14:33:41] Starting 'rev:updateHTML'...
~/working/gulp-workflow/$
我的任务中找不到任何错误,但我猜运行异步的流有错误。 我希望你能帮助我并指出我的错误。
答案 0 :(得分:1)
如果我并非完全错误,如果任务已经完成,gulp无法识别。因此,您可以使用done
作为参数,并在管道完成后执行它。所以实际上是这样的:
var revUpdateHTML = function(done) {
return gulp.src(config.base.dest + '/**/*.html')
.pipe(revReplace({manifest: manifest_src}))
.pipe(gulp.dest(config.base.dest))
.on('end', function() {
done();
});
}