Gulp 不会看到任何变化

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