0
私は基本的にジュニアフロントエンドデベロッパーとして働き、最近はgulpを使用し始めました。以下のようなよくフォーマットされたほど、あまりにも多くの空白と悪いインデントを持っているもの:どのようにprittyfy HTMLと出力ファイルは、元のディレクトリと同じディレクトリにある
<div id="preloader">
<div id="status"> </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空白がそこにあるどのくらいを参照してください、私はこれらを飲み込む使用している場合、今、どのことができ、このプラグインHERE、です。次のように使用してください:
var prettify = re quire( 'gulp-html-prettify');
gulp.task('templates', function() {
gulp.src('./lib/*.html')
.pipe(prettify({indent_char: ' ', indent_size: 2}))
.pipe(gulp.dest('./dist/'))
});
は、今の問題は、これが仕事をしていませんが、ファイルは私がしたいことは、新しいファイルを作成するためではなく、既存のファイルは、彼らは自分自身をされているディレクトリにフォーマットする、differnetのディレクトリにoutputedされていますだから、どうやって冗談でこれをやっていくのだろう?
を試してみてください、あなたは '/ lib'ディレクトリ'/dist'に出力をパイプとしていません。 – baranskistad
@bjskistad私はそれを実現しました...しかし、既存のファイルをフォーマットするコードや新しいファイルを作成するコードはありますか?私はそれが新しいものを作成すると、何かがひどく台無しになるかもしれないと恐れています! –
あなたのタスクは、データ( '.pip(prettify())')をあらかじめ確認しておき、指定したディレクトリに同じ名前のファイルに出力する( 'gulp.src()') gulp.dest() ')。 prettifyingによって元のファイルは変更されません。 @bjskistadがお勧めするように元の場所に出力した場合(そして、これがあなたの望むように聞こえる場合)、あなたはオリジナルのフォーマットされていないファイルを失い、 '。/ lib /'にファイルをフォーマットします。これはプロジェクトのバックアップコピーでテストすることで確認できます。 – henry