Javascript Gulp revRewrite mod无法在项目中重写css和js

Javascript Gulp revRewrite mod无法在项目中重写css和js,javascript,css,node.js,npm,gulp,Javascript,Css,Node.js,Npm,Gulp,我正在使用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())

我正在使用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(latte)\u 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">


那么我做错了什么呢?

默认情况下,
gulp rev rewrite
只替换js、css、html和Handlebar文件中出现的文件名。您可以使用
replace
覆盖该默认值。在这种情况下:

函数rew(){
const manifest=gulp.src(“web/dist/rev manifest.json”);
回灌
.src(“app/FrontModule/templates/_styles.latte”)
.pipe(重新编写({manifest:manifest,replace:[“.latte”]}))
.管道(吞咽目的地(“试验”);
}