javascript - 使用 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 “模板” 的脚本和链接标签指向正确的位置，并在 src 和 href 属性中添加/附加 $href('') ？有没有其他 gulp 插件可以做到这一点？

Answer 1

Finally did it with 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'));
});