我在一个模板引擎中运行一些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'));
});