assets versioning with gulp-rev, gulp-rev-replace, run-sequence (single folder for both dev and prod)

gulpfile.js

gulp.task('sass', function () {});
gulp.task('browserify', function () {});
// other tasks...

const paths = {
  web: './web/',
  webAssets: './web/assets/',
  webImages: './web/images/',
};

gulp.task('clean', function () {
  del.sync(paths.web);
});

gulp.task('rev', function() {
  return gulp.src([`${paths.web}**/*.{css,js,jpg,png,svg}`])
    .pipe(rev())
    .pipe(gulp.dest(paths.web))
    .pipe(rev.manifest({}))
    .pipe(gulp.dest(paths.webAssets));
});

gulp.task('revreplace', function(){
  var manifest = gulp.src(`${paths.webAssets}rev-manifest.json`);
  return gulp.src('./web/*.html')
    .pipe(revReplace({ manifest: manifest }))
    .pipe(gulp.dest('./web/'));
});

gulp.task('revreplacecss', function(){
  var manifest = gulp.src(`${paths.webAssets}rev-manifest.json`);
  return gulp.src('./web/assets/*.css')
    .pipe(revReplace({manifest: manifest}))
    .pipe(gulp.dest('./web/assets/'));
});

gulp.task('build-prod', function(callback) {
  runSequence(
    ['clean'],
    ['templates', 'browserify', 'sass', 'copyStatic'],
    ['rev'],
    ['revreplace'],
    callback
  );
});

gulp.task('build-dev', function(callback) {
  runSequence(
    ['clean'],
    ['templates', 'browserify', 'sass', 'copyStatic'],
    ['browser-sync'],
    callback
  );
});