2015-08-07 11 views
5

Ich möchte einen Gulp Watcher auf meine LESS-Dateien anwenden, damit Gulp CSS-Dateien erstellt, sobald eine LESS-Datei gespeichert wird.Wie kann ich Gulp.watch in Visual Studio 2015 verwenden?

Wie kann ich das tun? Es scheint nicht richtig/ausreichend ist, um so etwas zu schreiben:

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"]); 

Antwort

13

Erstellen Sie eine spezielle Aufgabe für die Uhrenfunktion:

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

dann das Visual Studio verwenden Task Runner Explorer auszuführen (oder zu binden) diese Aufgabe.

+1

Ist dies eine einmalige Sache, oder muss ich es jedes Mal tun, wenn ich Visual Studio starte? – GaTechThomas

+6

Nein, dies kann automatisiert werden, indem die Standardaufgabe an das Projekt open gebunden wird. Gehe einfach zum Aufgabenläufer und klicke mit der rechten Maustaste auf deine Aufgabe und wähle Bindungen> Projekt öffnen. –

+0

Was passiert, wenn ich mehrere Uhren gleichzeitig ausführen möchte? Ich kann dies leicht tun, indem ich nur ein cmd-Fenster pro Überwachungsaufgabe habe, aber kann ich das von VS machen? – JMK