Gulp HTML 缩小自定义标签不起作用

Question

这是我的HTML页面的简短版本，其中包含代码片段标记<xmp>：

<div class="container">
<a href="#">Aqua Dotted Link - Default</a>
<br /><br />
<a href="#" class="a-gold">Gold Dotted Link</a>
<h3>Code for Footer: </h3>
<pre><code><xmp><u>This is U tag with underlined aqua - Default </u>
<u class="u-gold">This is U tag with underlined gold</u>
<u class="u-orange">This is U tag with underlined orange</u></xmp></code></pre>
<p>Hello World</p>
<p>Hello World 2</p>
</div>

有了gulp-htmlmin，我正在gulpfile.js中执行以下操作：

let htmlmin = require('gulp-htmlmin');
...
gulp.task('html', gulp.series('clean', function() {
return gulp.src(globs.html)
.pipe(htmlmin({
collapseWhitespace: true,
removeComments: true,
}))
.pipe(gulp.dest('./dist'));
}));
...

我不知道出了什么问题，但这是我得到的输出：

<div class=container><a href=#>Aqua Dotted Link - Default</a><br><br><a href=# class=a-gold>Gold Dotted Link</a><h3>Code for Footer:</h3><pre><code><xmp><u>This is U tag with underlined aqua - Default </u>
<u class=u-gold>This is U tag with underlined gold</u>
<u class=u-orange>This is U tag with underlined orange</u></xmp></code></pre><p>Hello World<p>Hello World 2</div>

如何让 gulp 识别<xmp>标签，以便它可以缩小它？

Answer 1

<xmp>已经过时了。

尝试使用<pre>或<code>而不是<xmp>。