Gulp.js在使用gulp.useref后为SRC和href属性追加字符串

gulp.js prepend and append string to src and href attributes after using gulp.useref

本文关键字：SRC href 属性 字符串 追加 后为 useref js gulp Gulp      更新时间：2023-09-26

我在一个模板引擎中运行一些html文件，所有资源都是这样声明的:

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

当我运行$。Useref确实将文件移动到正确的文件夹中，但是保留了.html文件应有的绝对路径和相对路径。我是否可以编辑$。用户"模板"的脚本和链接标签指向正确的地方和前缀/追加$href(")内的SRC和href属性?有没有其他的gulp插件可以做到这一点?

最后用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'));
});
相关文章：