使用gulp.useref之后,gulp.js将字符串前置并附加到src和href属性

Question

我正在运行一些html文件我模板引擎,所有资产都声明如下:

<link rel="stylesheet" href="$href('libs/bootstrap.min.css')"> <script src="$href('libs/jquery.js')"></script>

当我运行$ .useref时,它确实会将文件移动到正确的文件夹中,但会将.html文件保留为通常应具有的绝对路径和相对路径.有没有办法可以编辑$ .useref"template"来指向正确位置的脚本和链接标签,并在src和href属性中添加/附加$ href('')？有没有其他gulp插件可以做到这一点？

Answer 1

最后用gulp-replace做了:

gulp.task('templates', function () {
    return gulp.src('dist/**/*.html')
    .pipe(replace(/src="([^"]*)"/g, 'src="$$href(\'$1\')"'))
    .pipe(replace(/href="([^"]*)"/g, 'href="$$href(\'$1\')"'))
    .pipe(gulp.dest('dist'));
});