Question

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

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

如何放置＆＃34;文件夹＆＃34;在路上？我试图使用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结合使用，后者根据清单文件中的映射替换了链接。 / p>

类似于：

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

还为rev

添加了新的gulp-rev-collector任务

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

在manifest.json中{gulp-rev不同的路径

1 个答案: