Gulpの紹介：
Gulpは、フロントエンド開発における構築コードのツールであり、自動化プロジェクトを構築するための強力なツールです。ウェブサイトのリソースを最適化するだけでなく、開発プロセス中に正しいツールで多くの繰り返しタスクを自動的に完了することもできます。彼女と一緒に、私たちは喜んでコードを書くことができるだけでなく、仕事の効率を大幅に向上させることもできます。
Gulpは、nodejsに基づく自動タスクランナーです。テスト、チェック、マージ、圧縮、フォーマット、ブラウザ自動更新、javaScript/coffee/sass/sass/less/html/image/cssなどのファイルの展開ファイルの生成を自動的に完了し、ファイルの変更後に指定されたステップを繰り返します。実装の観点から、彼女はUNIXオペレーティングシステムのパイプのアイデアを借りました。前のレベルの出力は直接次のレベルの入力になり、操作は非常にシンプルになりました。この記事を通して、Gulpを使用して開発プロセスを変更し、開発をより速く効率的にする方法を学びます。
GulpはGruntに非常に似ていますが、Gruntの頻繁なIO運用と比較して、Gulpのストリーミング操作は、建設作業をより速く、より便利に完了することができます。
今日Gulpを学んでいたとき、Gulp-Uglifyを使用してJSモジュールを圧縮しました。問題に遭遇しました - gulp.watchを使用してJSファイルの変更を聞くと、繰り返しの圧縮問題に遭遇しました。
ディレクトリ構造は次のとおりです。
gulpfile.jsコードは次のとおりです。
var gulp = require（ 'gulp'）; var uglify = require（ 'gulp-uglify'）; var rename = require（ 'gulp-rename'）; gulp.task（ 'uglify'、function（）{gulp.src（ './ src/js/*。js'）。パイプ（rename（{suffix：'。min '}）） gulp.watch（ './ src/js/*。js'、['uglify']）Gulp Uglifyコマンドを実行した後：
対応する *.min.jsも生成されます。
しかし、kong.jsファイルを開いて再度保存すると、次の状況が発生します。
一度保存してから、もう一度圧縮します。 *.min.min ... jsなどの多くのJS圧縮ファイルがあり、最初のkong.min.js値のみがkong.jsによると変更されます。その後、私は次の文書をチェックし、誰かがGulp-uglifyについて書いたところ、それが使用できることを発見しました！ min.jsをフィルタリングするには、圧縮されないように、コードを変更します。
var gulp = require（ 'gulp'）; var uglify = require（ 'gulp-uglify'）; var rename = require（ 'gulp-rename'）; gulp.task（ 'uglify'、function（） {gulp.src（['./ src/js/*。js'、 '！./ src/js/*。min.js']）。pipe（rename（{suffix：'。min '}}）） gulp.watch（ './ src/js/*。js'、['uglify']）上記は、gulp.watch（）と併用した場合のeditorのgulp-uglifyおよびgulp.watch（）の紹介です。私はそれが誰にでも役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は、すべての人に時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます！