Đồng hồ Gulp chỉ chạy một lần

Question

Tôi đang sử dụng mẫu Xem Gulp này: https://github.com/floatdrop/gulp-watch/blob/master/docs/readme.md#starting-tasks-on-events.

var gulp = require('gulp'); 
var watch = require('gulp-watch'); 
var batch = require('gulp-batch'); 

gulp.task('build', function() { console.log('Working!'); }); 

gulp.task('watch', function() { 
    watch('**/*.js', batch(function() { 
     gulp.start('build'); 
    })); 
}); 

Khi tôi chạy nó trên máy tính Windows 8 của tôi, nó chỉ chạy lần đầu tiên tôi thay đổi một tập tin:

C:\test>gulp watch 
[08:40:21] Using gulpfile C:\test\gulpfile.js 
[08:40:21] Starting 'watch'... 
[08:40:21] Finished 'watch' after 2.69 ms 
[08:40:31] Starting 'build'... 
Working! 
[08:40:31] Finished 'build' after 261 µs 

Lần sau có gì xảy ra. Tại sao?

Answer 1

Nếu bạn đọc các tài liệu hướng dẫn chặt chẽ, bạn sẽ thấy cụm từ sau:

Bạn có thể vượt qua callback đồng bằng, mà sẽ được kêu gọi tất cả các sự kiện hoặc bọc nó trong ngụm-batch để chạy nó lần

Vì vậy, về cơ bản là thỏa thuận với gulp-batch. Để liên tục xem nó, chỉ cần loại bỏ các cuộc gọi hàng loạt:

gulp.task('build', function (done) { 
    console.log('Working!'); 
    done(); 
}); 

gulp.task('watch', function() { 
    watch('app/*.js', function() { 
     gulp.start('build'); 
    }); 
}); 

(và thêm callback 'làm' đến build để cho Gulp biết khi bạn đã hoàn tất).

Btw ... Tôi không chắc chắn, nhưng tôi nghĩ rằng gulp-watch có nghĩa là không chỉ xem tệp, mà còn trực tiếp trả lại đối tượng vinyl. Vì vậy, thực sự sử dụng được xây dựng trong gulp.watch nên có tác dụng tương tự:

gulp.task('watch', function() { 
    gulp.watch('app/**/*.js', ['build']); 
}); 

Answer 2

tôi đã cùng một vấn đề và sử dụng giống như ddprrt. Sự khác biệt đã được sử dụng ký tự đại diện thư mục như apposed để đường dẫn tuyệt đối.

tôi đã thay đổi này:

gulp.task('watch', function() { 
    gulp.watch('sass/shortcutcss/*.scss', ['sass']) 
}); 

này:

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

Answer 3

Vấn đề này làm tôi điên cho một ngày cuối tuần. Tôi đã thử tất cả:

• Add thực hiện() - tổ chức sự kiện
• Rename/Touch/Rõ ràng mục tiêu CSS
• Hãy cụ thể hơn với các filepaths

Nhưng (lý do cho vấn đề này và) giải pháp thật dễ dàng đến mức tôi cảm thấy thảm hại sau đó:

Chỉ cần update your nodejs installation, tôi là 0,12.x! Không có thắc mắc rằng điều này không làm việc.

Sau đó, sự kiện xem sẽ hoạt động trở lại. Đôi khi nó lại sai nữa. Nhưng trong trường hợp này chỉ cần lưu tập tin của bạn lần thứ hai và nó được công nhận. (Tôi nghĩ rằng foundation/gulp watch sẽ kiểm tra các thay đổi nhanh và trong khi tệp của bạn được thay thế bằng tệp mới được tải lên)