如何使用 Gulp.js 从 HTML 中删除注释?

Chr*_*son 3 html gulp

我刚刚开始使用 gulp.js,我想知道是否有办法从我的 HTML 文件中去除注释。当然,我不希望从原始文件中删除注释,只删除那些将在生产中的注释。假设我有一个这样的文件:

index.html // 在吞咽之前

<html>
    <!-- Some comments -->
    <!-- Some more comments -->
    <div>
        // some stuff
    </div>
</html>
Run Code Online (Sandbox Code Playgroud)

index.html // 吞咽后

<html>
    <div>
        // some stuff
    </div>
</html>
Run Code Online (Sandbox Code Playgroud)

我的部分问题是我不确定这应该如何工作。我是否想把我所有的 HTML 文件(删除了注释)放在一个单独的目录中,然后只将它推送到我的服务器上?我仍然希望评论存在于我的测试环境(和我的存储库)上的 HTML 文件中,而不是存在于生产环境的文件中。任何有助于我理解如何做到这一点的帮助将不胜感激!

chi*_*zui 5

gulp-htmlmin你能做到这样的:

.pipe(htmlmin(
  {
    removeComments: true
  }
))
Run Code Online (Sandbox Code Playgroud)

有关所有可用选项,请参阅https://github.com/kangax/html-minifier#options-quick-reference