Question

我正在摸不着头脑，但似乎无法弄清楚以下gulpfile的错误，它只是观察并编译较少的文件。

这只是不会看到更少的更改，我已经尝试了所有gulp，gulp watch。我必须在每次更改后手动运行gulp来编译它们。是否有什么问题导致手表无法按预期工作？

Gulp版 CLI版本1.4.0 本地版本3.9.1

NPM 4.1.2 节点v7.7.2

var gulp = require('gulp');

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

// gulp compile paths

var paths = {
    dist: 'assets/dist'
};

gulp.task('css', function() {
    return gulp.src('assets/less/styles.less')
        .pipe(less({
            compress: true
        }))
        .pipe(gulp.dest(paths.dist))
});

gulp.task('watch', function() {
    gulp.watch('assets/less/*.less', ['css']);  // Watch all the .less files, then run the less task
});

gulp.task('default', ['watch']);

Answer 1

确保你有正确的.less文件路径，你还需要添加bowersync.reload才能工作。

gulp.task('watch', function () {
    gulp.watch('assets/less/*.less', ['css']);
    // init server
    browserSync.init({
        server: {
            proxy: "local.build",
            baseDir: appPath.root
        }
    });

    gulp.watch([appPath.root + '**'], browserSync.reload);
});

gulp.task('default', ['watch']);

Gulp不会观察任何变化

1 个答案: