Gulp 内联更改 HTML 标记的大小写答案

【问题标题】：Gulp inline changing case of HTML markupGulp 内联更改 HTML 标记的大小写
【发布时间】：2016-06-24 11:25:32
【问题描述】：

我有一个 Gulp 任务将 CSS 和 JS 内联到我的 HTML 文件中：

gulp.task('html', function () {
    gulp.src(source + '**/*.+(html|php)')
    .pipe($.plumber())
    .pipe($.inline({
        base: source,
        disabledTypes: ['svg', 'img']
    }))
    .pipe(gulp.dest(build))
    .pipe(reload({
        stream: true
    }));
});

我发现内联插件正在更改我的 HTML 标记。最明显的是它正在改变属性的大小写。

mktoName="Banner Heading" 变为 mktoname="Banner Heading"

有解决办法吗？

我尝试将html 添加到disabledType 选项，但这没有任何效果。

谢谢

【问题讨论】：

我不敢这么说，但mktoname 不是 HTML。
我认为最好的方法是不要在你的 html 中使用驼峰式（或任何大写）。您可以将自定义属性更改为 mkto-name 吗？
正在更改的属性是市场引导模板的市场特定标签。我无法更改此名称或大小写。

标签： html css gulp

【解决方案1】：

暂时的解决方法是在内联之后通过管道进行替换。

.pipe($.replace('mktoname','mktoName'))

【讨论】：