Gulp mod不适用于重写项目中的css和js

Question

我使用的是来自npm的Gulp v.4，带有gulp-rev和gulp-rev-rewrite mods，用于防止现金破坏CSS和JS。但是，即使我已经阅读了很多指南和说明，它仍然不能正常工作。实际上gulp rev mod运行良好，但是当我想重写html中链接(对于我的示例latte文件)时，它不会重写名称。

gulp.task('rev', () =>
    gulp.src('web/dist/**/*.{css,js}')
        .pipe(rev())
        .pipe(gulp.dest('web/dist/build'))
        .pipe(rev.manifest())
        .pipe(gulp.dest('web/dist'))
);


function rew() {
    const manifest = gulp.src('web/dist/rev-manifest.json');

    return gulp.src('app/FrontModule/templates/_styles.latte')
        .pipe(revRewrite({ manifest: manifest }))
        .pipe(gulp.dest('test'));
}

在rev-manifest.json中，我有类似这样的东西：

{
  "bootstrap-t4s.min.css": "bootstrap-t4s-85b8c0fa84.min.css",
}

在html (拿铁) _styles.latte中，我有这样的代码：

<link rel="stylesheet" href="css/bootstrap-t4s.min.css" media="all">

当我运行gulp函数用json重写文件时，我将得到与以前一样_styles.latte：

<link rel="stylesheet" href="css/bootstrap-t4s.min.css" media="all">

那么我做错了什么呢？

Answer 1

默认情况下，gulp-rev-rewrite仅替换js、css、html和handlebar文件中出现的文件名。您可以使用replaceInExtensions覆盖该默认设置。在这种情况下：

function rew() {
  const manifest = gulp.src("web/dist/rev-manifest.json");

  return gulp
    .src("app/FrontModule/templates/_styles.latte")
    .pipe(revRewrite({ manifest: manifest, replaceInExtensions: [".latte"] }))
    .pipe(gulp.dest("test"));
}