Gulp-rev manifest.json 中的不同路径

Question

我现在正在尝试使用 gulp-rev 生成 manifest.json 文件。我需要的是这样的：

     {
      "img/image.jpg": "folder/img/image-34c9d558b2.jpg";
}

如何将 "folder" 放在路径中？我试图使用 gulp-rev-collector 但它不是很有用。有人可以给我举个例子吗？

谢谢

Answer 1

对我有用的是使用 gulp-rename 然后做类似的事情：

.pipe($.rename({
  dirname: 'styles',
}))
.pipe($.rev.manifest('manifest.json', {
  cwd: 'build',
  merge: true,
}))

然而，最终对我有用的是将 gulp-rev 与 gulp-rev-collector 结合使用，后者根据在清单文件。

所以是这样的：

.pipe($.rename({
  dirname: 'styles',
}))
.pipe($.rev())
.pipe(gulp.dest('build'))
.pipe(gulp.dest('.tmp/styles'))
.pipe($.rev.manifest())
.pipe(gulp.dest('build/styles'));

并且还为 gulp-rev-collector

添加了一个新的 rev 任务

// Revision static asset files
gulp.task('rev', () =>
  gulp.src(['build/**/rev-manifest.json', 'build/*.html'])
    .pipe($.revCollector())
    .pipe(gulp.dest('build')),
);

Gulp-rev manifest.json 中的不同路径

Gulp-rev different path in manifest.json

path

manifest

gulp

gulp-rev

manifest.json