Javascript 吞咽任务不等待上一个任务的完成
我有一个gulp任务,它使用streams编写一个修改过的文件(使用),另一个任务使用以前编写的清单文件替换html文件中的变量 我的第一项任务:Javascript 吞咽任务不等待上一个任务的完成,javascript,gulp,gulp-watch,gulp-rev,Javascript,Gulp,Gulp Watch,Gulp Rev,我有一个gulp任务,它使用streams编写一个修改过的文件(使用),另一个任务使用以前编写的清单文件替换html文件中的变量 我的第一项任务: gulp.task('scripts', function() { // other stuff... var b = browserify(mainscript); b.external('External') .transform(babelify) .bundle() .pipe(source('app.js
gulp.task('scripts', function() {
// other stuff...
var b = browserify(mainscript);
b.external('External')
.transform(babelify)
.bundle()
.pipe(source('app.js'))
.pipe(buffer())
.pipe(rev())
.pipe(gulp.dest(dest))
.pipe(rev.manifest({
path: 'appjs-manifest.json'
}))
.pipe(gulp.dest(dest))
}
上一个任务将编写一个名为“app-34f01b9d.js”的文件和一个清单文件“appjs manifest.json”,其中包含:
{
"app.js": "app-34f01b9d.js"
}
理论上,我的第二项任务应该等到第一项任务完成后再开始:
gulp.task('renameindex',['scripts'], function () {
var paths = gulp.paths;
var jsonContent = JSON.parse(fs.readFileSync(paths.buildDest+'/public/scripts/appjs-manifest.json', 'utf8'));
var src=paths.srcDir+"/index.hbs";
var appjs=jsonContent["app.js"];
console.log("app.js",appjs)
return gulp.src(src)
.pipe(handlebars({appjs:appjs}, null))
.pipe(rename('index.html'))
.pipe(gulp.dest(paths.buildDest));
});
任务应该读取清单文件,并将“app-34f01b9d.js”替换为生成文件“index.html”的把手模板中的变量{appjs}
发生的情况是javascript文件和清单文件被正确写入,但是第二个任务执行时没有等待清单文件被写入,因此抓取了错误的清单文件内容(前一次执行的内容)。您的
脚本任务没有返回任何值。当你不返回任何东西时,你就无法知道任务何时完成,因此继续下一个任务
简单地说
gulp.task('scripts', function() {
// other stuff...
var b = browserify(mainscript);
return b.external('External')
...
如果您的任务执行的不是一条吸气管线,您可以手动调用作为参数传递给任务的回调:
gulp.task('someTask', function(done) {
...
done();
}
谢谢,我忘了添加回拨。