gulp临时服务器显示html页面,gulp任务预先将HTML代码添加到现有的html页面中

我在编写基本上将小型HTML代码添加到应用程序中所有现有html文件中的gulp任务时遇到问题。 所以我现有的HTML看起来像gulp任务预先将HTML代码添加到现有的html页面中

This field is required

This field is required

This field is required

这是在整个应用程序在多个HTML文件相同。我想要预先在应用程序中的所有html文件中添加一个更多的跨度元素，使其位于错误消息的正上方。这样的事情：

******

This field is required

******

This field is required

******

This field is required

我已经开始写下吞噬任务，但有种迷失之间。我正在使用gulp-dom插件。

var gulp = require('gulp');

var dom = require('gulp-dom');

gulp.task('prepend-html', function(){

return gulp.src('./**/*.html')

.pipe(dom(function(){

var divLengths = this.querySelectorAll('small').length;

var parentDiv = this.querySelector('small');

for(var i = 0; i < divLengths; i++) {

var childSpan = this.createElement('span');

childSpan.setAttribute('aria-hidden', 'true');

childSpan.setAttribute('class', 'error-icon');

parentDiv.insertBefore(childSpan, parentDiv.firstChild);

return this;

}

}))

.pipe(gulp.dest(function(file){

return file.base;

}));

});

我知道我在循环里面弄得一团糟。它正在工作，但并不像预期的那样。它应该去每个文件夹和每个文件，并寻找小的元素，然后预先跨度元素。任何形式的帮助真的很感激。