Gulp v4 -任务排序问题

Question

我正在尝试用gulp-rev和gulp-revReplace创建cahe-buster，当我编译javascript时，一切都很好，但是主css文件的替换并不像它应该的那样工作，replace总是获取旧的rev-manifest.json文件，而不是新生成的由task生成的文件，我假设这与gulp系列中的任务顺序有关？因为代码几乎与javascript任务相同，那么为什么它的工作方式不同呢？

这是我的gulpfile.js https://github.com/AdamWojda/35_web_dev_chalange/blob/master/Gulpfile.js

Answer 1

运行时如下所示：

| watch
|--
  | generate_js              generate_css
  |-- compress_javascript  |-- generate_styles
  |-- revreplace           |-- revreplace

来自一个任务的revreplace可以重写来自第二个任务的manifest.json的内容。文档中的jamesknelson使用相反的方式

gulp.task("revision", ["dist:css", "dist:js"], function(){
    return gulp.src(["dist/**/*.css", "dist/**/*.js"])
        .pipe(rev())
        .pipe(gulp.dest(opt.distFolder))
        .pipe(rev.manifest())
        .pipe(gulp.dest(opt.distFolder))
})

其中每个revision任务首先执行dist:css和dist:js，最后重写(一次) manifest.json。我建议改变任务的执行方式(watch -> revreplace -> generate_js && generate_css)。