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>

看看那里有多少unnessasary whitespace。现在，如果我使用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/'))
});

现在问题是这样做了但是文件在不同的目录中输出了，我想要的不是创建新文件，而是将现有文件格式化在它们本身的目录中，那么如何我接着这么做了吗？

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/'))
});

如何在与退出目录相同的目录中prittyfy HTML和输出文件

1 个答案: