在管道中 gulp-inline-css 之后关闭自关闭 html 标签，如 img、meta 等

问题描述

我有一个 gulp 任务来自动化用于邮寄的 html 电子邮件的布局。我想在该任务中使用 gulp-inline-css。根据职权范围，img、meta等html自闭标签需要使用“/”，但是inline-css在pipeline中删除了。

const gulp = require('gulp')
const pug = require('gulp-pug')
const htmlBeautify = require('gulp-html-beautify')
const inlinecss = require('gulp-inline-css')

const pugfunction = function pug2html(cb) {
  var htmlBeautifyOptions = {
    "indent_size": 2
  };
  return gulp.src('./src/index.pug')
    .pipe(pug())
    .pipe(inlinecss())
    .pipe(htmlBeautify(htmlBeautifyOptions))
    .pipe(gulp.dest('./build/'))
}

所以我的问题是，我怎样才能在 gulp-inline-css 工作后返回所有的“/”？

我还没有找到合适的 npm 包可以立即解决这个问题，我希望使用 gulp-replace 来解决这个问题，但是我无法理解 gulp-replace 中正则表达式的语法。你能在npm中提出一个现成的解决方案，或者如何使用gulp-replace解决这个问题 以img标签为例？

例如：

全部更改

<img src="https://someaddress.somedomain/img_01" alt="123">
<img src="https://someaddress.somedomain/img_02" alt="456">

到：

<img src="https://someaddress.somedomain/img_01" alt="123" />
<img src="https://someaddress.somedomain/img_02" alt="456" />

我对所有自闭合 html 标签也一样...

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）