どのようにライブのリロードでgulpのタスクを呼び出すのですか？ファイルの変更が発生した後 - gulp、livereload

私はgulpファイルで次のように定義しました。

gulp.task("watch:livereload", function(){
livereload.listen();
gulp.watch("app/**").on("change", livereload.changed);
});

つい最近になって私が気付いたのは素晴らしいことだけですhtmlのような静的なもののために。私はsassを使用しており、アプリは主にjsです。変更があったときにjsとcssを再コンパイルするために定義したいくつかのタスクを呼び出したいと思います。

私がタスクと呼んでいる方法は、次のとおりです。

gulp.task("compile:development",
[
"bower",
"compile:scripts:development",
"compile:sass:development",
"serve",
"watch:livereload"
]
);

しかし、私はタスクが変化したときに起こることを望みます。アイデア？

回答：

あなたは使い続けるべきです livereload ブラウザの更新を目的としています。変更時にいくつかのタスクを再実行したい場合は、 gulp.watch 簡単で組み込みの方法です。

gulp.watch("app/**", ["compile:development"]);

またはより具体的なタスク：

gulp.watch("app/**", ["compile:scripts:development", "compile:sass:development"]);

の例 watch いくつかを定義するタスク watchers 異なる tasks ：

gulp.task("watch", function () {
gulp.watch("app/sass/*", ["compile:sass:development"]);
gulp.watch("app/js/*", ["compile:scripts:development"]);
});