2015-08-07 4 views
5

Я хочу применить наблюдателя Gulp к моим LESS-файлам, чтобы Gulp создавал css-файлы всякий раз, когда LESS-файл сохраняется.Как я могу использовать Gulp.watch в Visual Studio 2015?

Как я могу это сделать? Это не кажется правильным/достаточно, чтобы написать что-то вроде этого:

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

ответ

13

Создать специальную задачу для функции часов:

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

затем использовать Visual Studio Task Runner Explorer выполнить (или привязку) эта задача.

+1

Это одноразовая вещь, или мне нужно будет делать это каждый раз, когда я запускаю Visual Studio? – GaTechThomas

+6

нет, это можно автоматизировать, привязав задачу по умолчанию к открытию проекта. просто перейдите на вкладку задач и щелкните правой кнопкой мыши свою задачу и выберите привязки> открыть проект –

+0

Что делать, если я хочу одновременно запускать несколько часов? Я могу сделать это легко, просто имея одно окно cmd для каждой задачи, но могу ли я сделать это из VS? – JMK

Смежные вопросы