2015-08-07 39 views
5

Chcę zastosować obserwator Gulp do moich plików LESS, aby Gulp tworzył pliki CSS za każdym razem, gdy zostanie zapisany plik LESS.Jak mogę wykorzystać Gulp.watch w Visual Studio 2015?

Jak mogę to zrobić? To nie wydaje się być prawidłowa/wystarczy napisać coś takiego:

var gulp = require("gulp"); 
var moreLess = require("gulp-more-less"); 
var concatCss = require("gulp-concat-css"); 

var lessInFolder = "./Less/**/*.less"; 

gulp.task("less", function() 
{ 
    gulp.src(lessInFolder).pipe(moreless()).pipe(concatCss()).pipe(gulp.dest("./css")); 
}); 

gulp.watch(lessInFolder, ["less"]); 

Odpowiedz

13

Utwórz dedykowane zadanie dla funkcji Watch:

gulp.task('default', function() { 
    gulp.watch(lessInFolder, ['less']); 
}); 

następnie wykorzystać w visual studio Task Runner Explorer wykonać (lub wiążą) to zadanie.

+1

Czy jest to jednorazowa rzecz, czy też będę musiał to zrobić za każdym razem, gdy uruchamiam Visual Studio? – GaTechThomas

+6

Nie, można to zautomatyzować, wiążąc domyślne zadanie do otwarcia projektu. po prostu przejdź do paska zadań i kliknij prawym przyciskiem myszy swoje zadanie i wybierz powiązania> projekt otwarty –

+0

Co zrobić, jeśli chcę uruchomić wiele zegarków w tym samym czasie? Mogę to zrobić łatwo, mając jedno okno cmd na zadanie zegarka, ale czy mogę to zrobić z VS? – JMK