代码之家  ›  专栏  ›  技术社区  ›  BBaysinger alex

如何通过Gulp将HTML简化为一行,没有空格

  •  0
  • BBaysinger alex  · 技术社区  · 2 年前

    我正在尝试用Gulp缩小HTML,以删除所有换行符和空白,这样整个代码内容只驻留在一行,没有多余的空白,比如标签和空格,包括嵌入的JavaScript和CSS。

    我试过了 gulp-minify ,但我看不到这方面的输出或压缩选项,这让我大吃一惊。我认为这是缩小的常见功能之一。 This beautifier/minifier 正是通过它的迷你按钮实现了我所需要的功能,但我需要通过Gulp实现这一功能。

    好吧,我快疯了。提前谢谢。

    0 回复  |  直到 2 年前
        1
  •  1
  •   Mark    2 年前
    const gulp = require("gulp");
    const minHTML = require('gulp-htmlmin');
    
    gulp.task("htmlMin", function () {
      return (
        gulp
          .src("./*.html")
          .pipe(minHTML({ collapseWhitespace: true }))
          .pipe(gulp.dest("dist"))
      );
    });
    
    exports.default = gulp.series("htmlMin");
    

    并且只需要 gulp 在命令行。

    使用 gulp-htmlmin 正如@Cully在评论中建议的那样,我已经做到了。

      ~/replace ==>  gulp
    [01:23:36] Using gulpfile ~\OneDrive\Test Bed\replace\gulpfile.js
    [01:23:36] Starting 'default'...
    [01:23:36] Starting 'htmlMin'...
    [01:23:36] Finished 'htmlMin' after 127 ms
    [01:23:36] Finished 'default' after 132 ms