2016-09-13 3 views
0

私は基本的にジュニアフロントエンドデベロッパーとして働き、最近はgulpを使用し始めました。以下のようなよくフォーマットされたほど、あまりにも多くの空白と悪いインデントを持っているもの:どのようにprittyfy 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空白がそこにあるどのくらいを参照してください、私はこれらを飲み込む使用している場合、今、どのことができ、このプラグイン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されていますだから、どうやって冗談でこれをやっていくのだろう?

+1

を試してみてください、あなたは '/ lib'ディレクトリ'/dist'に出力をパイプとしていません。 – baranskistad

+0

@bjskistad私はそれを実現しました...しかし、既存のファイルをフォーマットするコードや新しいファイルを作成するコードはありますか?私はそれが新しいものを作成すると、何かがひどく台無しになるかもしれないと恐れています! –

+1

あなたのタスクは、データ( '.pip(prettify())')をあらかじめ確認しておき、指定したディレクトリに同じ名前のファイルに出力する( 'gulp.src()') gulp.dest() ')。 prettifyingによって元のファイルは変更されません。 @bjskistadがお勧めするように元の場所に出力した場合(そして、これがあなたの望むように聞こえる場合)、あなたはオリジナルのフォーマットされていないファイルを失い、 '。/ lib /'にファイルをフォーマットします。これはプロジェクトのバックアップコピーでテストすることで確認できます。 – henry

答えて

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/')) 
}); 
関連する問題