javascript - 如何在与现有目录相同的目录中美化 HTML 和输出文件

Question

嘿伙计们，我基本上是一名初级前端开发人员，最近开始使用 gulp，现在我从其他高级开发人员那里收到很多 HTML 文件，这些文件的代码格式不太好，或者有太多空白和糟糕的缩进，所以像下面这样:

<div id="preloader">

        <div id="status">&nbsp;</div>

    </div>

    <div id="nav-anchor"></div>



    <div class="top-navbar-fixed">

        <nav class="sibling-website-nav">

            <ul>

                <li><a href="">Accounting</a></li><li class="active"><a href="">Training</a></li>

                <!-- <li><a href="">Recruitment</a></li> -->

            </ul>

        </nav>

看看里面有多少不必要的空格。，现在如果我使用 gulp，这些就是这个插件 HERE ，可以使用如下:

var prettify = require('gulp-html-prettify');

gulp.task('templates', function() {
  gulp.src('./lib/*.html')
    .pipe(prettify({indent_char: ' ', indent_size: 2}))
    .pipe(gulp.dest('./dist/'))
});

现在的问题是这完成了工作，但文件输出在不同的目录中，我想要的不是创建新文件，而是在它们本身的目录中格式化现有文件，那么如何那么我就用 gulp 来做这件事吗？

Answer 1

对我来说，您似乎需要将结果pipe()传输到正确的目录。试试这个代码

var prettify = require('gulp-html-prettify');

gulp.task('templates', function() {
  gulp.src('./lib/*.html')
    .pipe(prettify({indent_char: ' ', indent_size: 2}))
    .pipe(gulp.dest('./lib/'))
});