Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How can I utilize Gulp.watch in Visual Studio 2015?

I want to apply a Gulp watcher to my LESS files so Gulp will create css files whenever a LESS file gets saved.

How can I do this? It doesn't seem to be correct/sufficient to write something like this:

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"]);
like image 760
AxD Avatar asked Aug 07 '15 13:08

AxD


1 Answers

Create a dedicated task for the watch function :

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

then use the visual studio Task Runner Explorer to execute (or bind) that task.

like image 138
Chtiwi Malek Avatar answered Oct 13 '22 11:10

Chtiwi Malek