如何使用gulp-rev进行更新的工作？

2023年9月23日 317次阅读

设置就像这样简单：

gulp.task('rev-js',  function() {
  return gulp.src('/js/main.js, {base: '.'})
      .pipe(newer('_build'))
      .pipe(rev())
      .pipe(gulp.dest('_build'))
      .pipe(rev.manifest())
      .pipe(gulp.dest('_build/rev/js'));
});

gulp-newer显然在这里不起作用,因为目标文件获得了不同的名称.在这种情况下,任何改变gulp-newer(或gulp-changed)工作的解决方法？

最佳答案 在gulp-newer
options文档中,我读到它支持传入配置对象而不是目标.在该配置对象中,您可以指定从旧文件到新文件的映射功能.而不是

newer('_build')

你可以写

newer({dest: '_build', map: mappingFn})

映射函数获取文件的相对名称,并期望它返回已翻译的名称 – 请参阅index.js文件.您可以定义一个函数,该函数使用先前生成的rev-manifest.json清单来查找正确的文件名.我在构建脚本中添加了这些内容(未经过测试)：

gulp.task('rev-js',  function() {

  // get the existing manifest
  // todo: add logic to skip this if file doesn't exist
  var currentManifest = JSON.parse(fs.readFileSync('rev-manifest.json', 'utf8'));

  // mapping function for gulp-newer
  function mapToRevisions(relativeName) {
    return currentManifest[relativeName]
  }

  return gulp.src('/js/main.js, {base: '.'})
      .pipe(newer({dest: '_build', map: mapToRevisions}))
      .pipe(rev())
      .pipe(gulp.dest('_build'))
      .pipe(rev.manifest())
      .pipe(gulp.dest('_build/rev/js'));
});
点赞