Question

是否可以添加一个条件，使我项目中所有html文件中的每个img标记都应该有另一个属性，如my-custom-directive？

我有一个angular指令，它修改了我的webapp中相对img src URL的基本URL，我想阻止我的团队成员在他们编写的html模板中遗漏这个属性。

Answer 1

您可以使用gulp-replace更改每个代码......

CASE FLAG    ID  Name   NewID
1            5   H      19   (ID=5 floats to the top of the list)

2            6   L      41   (all others that HAD a NewID value)
2            2   R      21
2            1   X      17

3            4   B      null (all the rest without a NewID)
3            3   F      null

这会将属性添加到每个图像。如果您想要更多控制权，可以使用gulp-tap获取整个文件的内容。处理它。

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

gulp.task('pages', function(){
  gulp.src(['*.html'])
    .pipe(replace(/<img/g, '<img my-custom-directive'))
    .pipe(gulp.dest('build'));
});

基于html属性为gulp构建过程添加条件

1 个答案: