javascript - Gulp watch() 不触发 less 进程

Question

当我更改项目中的任何 LESS 文件时，不会触发以下 gulp watch 任务。谁能发现我做错了什么吗？这里的大多数答案都说不要使用无 watch 模块，但我不是。它应该监听项目中任何 LESS 文件的更改，当其中一个文件发生更改时，转到 app.less 文件以重新生成 CSS 文件(app.less 对所有文件都有 @includes)。

var watch = require("gulp-watch");
var less = require("gulp-less");

gulp.watch(paths.source + "**/*.less", function(event){
        gulp.src(paths.source + paths.assets + paths.less + "app.less")
            .pipe(less().on("error", console.log))
            .pipe(gulp.dest(paths.dev + paths.css));
    });

Answer 1

以下是一些问题:

1. require("gulp-watch"); 在这里没用。实际上 gulp.watch 是 gulp 的核心 API。

2. gulpfile.js 由多个 gulp 任务组成。

3. 在终端中运行 gulp watch。

例如:

var gulp = require('gulp');
var path = require('path');
var less = require('gulp-less');

var paths = {
  // your paths
};

gulp.task('styles', function () {
  return gulp.src(paths.source + paths.assets + paths.less + "app.less")
    .pipe(less({
      // paths to be used for @import directives
      paths: [ path.join(__dirname, 'less', 'includes') ]
    }))
    .pipe(gulp.dest('./'));
});

gulp.task('watch', function() {
  gulp.watch('less/**/*.less', ['styles']);
});