node.jsの中でgruntとgulpの違いは詳しく分かります.

2148 ワード

node.jsの中でgruntとgulpの違いは詳しく分かります.
nodeJSからフロントステージに上がると、自動化構築がますます流行しています.今最も流行っているのはgruntとglpです.この二つは名前だけを見ると似ています.機能も似ていますが、gulpはgruntというお兄さんの境遇で自分の世界を切り開くことができます.彼女の優れたところがあります.
  • はGulpを使用しやすく、Guntよりも簡潔であり、コードに従って配置策略より優れています.Gulpを維持するのはコードを書くようです.
  • 高効率GlpはGuntより設計感があり、コア設計はUnix流の概念に基づいており、パイプ接続を通じて中間ファイルを書く必要がない.
  • 高品質のGulpの各プラグインは一つの機能しか完成していません.これもUnixの設計原則の一つです.各機能はストリームを通して統合し、複雑なタスクを完成します.例えば、Grauntのimagminプラグインは、画像を圧縮するだけでなく、キャッシュ機能も含む.彼は、Gulpでは、キャッシュは別のプラグインであり、他のプラグインによって使用されることができ、プラグインの再使用性を促進すると述べた.現在は673のプラグインが公式に表示されています.
  • 易学Gulpの核心APIは5つしかないです.5つのAPIを把握したらGulpをマスターしました.その後、パイプの流れを通して自分のほしい任務を組み合わせることができます.
  • フローは、GranctのI/Oを使用すると、中間状態の一時ファイルが発生し、他のタスクは、一時ファイルに基づいて処理し、最終的な構築後ファイルを生成することがあります.Gulpを使う利点は、ストリームを利用してファイルの処理を行い、パイプを通して複数のタスクと操作を接続するため、I/Oのプロセスは一回だけで、プロセスがより明確で、より純粋です.
  • コードは構成維持Glpよりも優れています.また、GulpはCommon JS規格に準拠していますので、Nodeプログラムを書くのと同じです.
  • 簡単なGulpfile.js配置フォーマット
    
      var gulp = require('gulp');
      var jshint = require('gulp-jshint');
      var concat = require('gulp-concat');
      var rename = require('gulp-rename');
      var uglify = require('gulp-uglify');
    
      // Lint JS
      gulp.task('lint', function() {
      return gulp.src('src/*.js')
        .pipe(jshint())
        .pipe(jshint.reporter('default'));
      });
    
      // Concat & Minify JS
      gulp.task('minify', function(){
        return gulp.src('src/*.js')
        .pipe(concat('all.js'))
        .pipe(gulp.dest('dist'))
        .pipe(rename('all.min.js'))
        .pipe(uglify())
        .pipe(gulp.dest('dist'));
      });
    
      // Watch Our Files
      gulp.task('watch', function() {
        gulp.watch('src/*.js', ['lint', 'minify']);
      });
    
      // Default
      gulp.task('default', ['lint', 'minify', 'watch']);
    
    
    以上はnode.jsの中でgruntとgulpの違いの解説です.もし皆さんが疑問があれば、メッセージを残してください.あるいは当サイトのコミュニティで討論交流してください.ありがとうございます.