javascript - 如何使用 gulp 更改 href 链接

Question

我正在使用 gulp 创建一个任务，需要更改 href 的参数。例如:

在我的 html 文件上有一个链接:

<a href="myfolder">Click here</a>

因此，“myfolder”是变量，指的是index.html 所在的文件夹的名称。当我将文件推送到服务器上时，页面不会显示，因为它不是针对 index.html 文件，而只是针对文件夹的名称。

我通过以下方式使用 gulp-replace 来完成任务:

var gulp = require('gulp');
var replace = require('gulp-replace');
 
gulp.task('templates', function(){
  gulp.src(['index.html'])
    .pipe(replace('<a href="*/" >', '<a href="*/index.html >"'))
    .pipe(gulp.dest('build/'));
});

由于文件夹名称 (myfolder) 是可变的，因为每次我处理该项目时都必须创建一个新文件夹，并且最后 index.html 文件不能仅包含特定名称。

所以，这个方法行不通。

任何帮助将不胜感激。

亲切的问候，

费尔南多

Answer 1

您需要在 replace 调用中定义一个正则表达式，并匹配 href 内的部分:

replace(/<a href="(.*)"/g, '<a href="$1/index.html"')