我刚开始使用gulp.js，想知道是否有一种方法可以从我的HTML文件中删除注释。当然，我不希望原始文件中的注释被删除，只希望在生产中删除。比如我有一个像这样的文件：
index.html // 在使用gulp之前
<html>
<!-- Some comments -->
<!-- Some more comments -->
<div>
// some stuff
</div>
</html>
在gulp之后，index.html文件会被生成。
<html>
<div>
// some stuff
</div>
</html>
我的问题的一部分是我不知道这应该如何运作。我是否应该将所有经过 gulp 编译后的 HTML 文件（已删除注释）放在一个单独的目录中，并仅将其推送到服务器上？我仍希望在我的测试环境（以及代码库）中保留注释，但不希望它们出现在生产环境中的文件中。非常感谢您能帮助我理解如何操作！
gulp-htmlmin，您可以这样做：.pipe(htmlmin(
{
removeComments: true
}
))
查看https://github.com/kangax/html-minifier#options-quick-reference了解所有可用选项。
我通常使用gulp-htmlmin来除去HTML文件中的注释和其他优化。我的SRC文件夹包含带有注释的源HTML文件，而BUILD文件夹包含所有经过优化的资源（js、css和html），在生产模式下，我从build文件夹提供文件服务。
也许最简单的方法是使用gulp-decomment：
var gulp = require('gulp');
var decomment = require('gulp-decomment');
gulp.task('default', function () {
return gulp.src('input.js')
.pipe(decomment())
.pipe(gulp.dest('dest'));
});
使用https://www.npmjs.org/package/gulp-preprocess，您可以删除注释。
因此，您将有一个文件夹 - 如上所述 - 用于 gulp 文件之前和之后的文件。
然后，您可以创建两个不同的任务。一个仅复制 HTML 文件，另一个则复制它们并删除注释。