如何解决在管道中 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 举报,一经查实,本站将立刻删除。