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

这是我的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>标记，以便使其最小化？

最佳答案

<xmp>是obsolete。

尝试使用<pre>或<code>代替<xmp>。