【问题标题】:How can I utilize Gulp.watch in Visual Studio 2015?如何在 Visual Studio 2015 中使用 Gulp.watch?
【发布时间】:2015-08-07 13:22:36
【问题描述】:

我想对我的 LESS 文件应用 Gulp 观察程序,这样 Gulp 将在 LESS 文件被保存时创建 css 文件。

我该怎么做?写这样的东西似乎不正确/不够:

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

【问题讨论】:

    标签: visual-studio-2015 gulp-watch task-runner-explorer


    【解决方案1】:

    为监视功能创建一个专用任务:

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

    然后使用 Visual Studio Task Runner Explorer 执行(或绑定)该任务。

    【讨论】:

    • 这是一次性的,还是每次启动 Visual Studio 时都必须这样做?
    • 不,这可以通过将默认任务绑定到项目打开来自动化。只需转到任务运行器并右键单击您的任务并选择绑定>项目打开
    • 如果我想同时运行多个手表怎么办?我可以通过每个监视任务有一个 cmd 窗口轻松地做到这一点,但是我可以从 VS 做到这一点吗?
    • 这没关系,但是如果您多次打开项目,它会启动多个监视任务,是否有一种 gulp 方法可以在开始新的监视之前取消当前正在运行的监视?
    猜你喜欢
    • 2018-01-24
    • 1970-01-01
    • 2016-03-21
    • 1970-01-01
    • 2016-03-14
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多