2015-08-07 37 views
5

Voglio applicare un Gulp watcher ai miei file LESS in modo che Gulp crei file css ogni volta che viene salvato un file LESS.Come posso utilizzare Gulp.watch in Visual Studio 2015?

Come posso fare questo? Non sembra essere corretto/sufficiente per scrivere qualcosa del genere:

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

risposta

13

creare un'attività dedicato per la funzione orologio:

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

quindi utilizzare il Visual Studio Task Runner Explorer da eseguire (o si legano) questo compito.

+1

È una cosa una tantum o dovrò farlo ogni volta che avvierò Visual Studio? – GaTechThomas

+6

no, questo può essere automatizzato legando l'attività predefinita a progetto aperto. basta andare al task runner e fare clic con il tasto destro del mouse sul task e selezionare binding> project open –

+0

E se volessi eseguire più orologi contemporaneamente? Posso farlo facilmente solo avendo una finestra di cmd per operazione di controllo, ma posso farlo da VS? – JMK

Problemi correlati