[GULP] Gulp - Watch (ok)

https://www.tutorialspoint.com/gulp/gulp_watch.htm

Chú ý: Để kết hợp được các task với nhau từ phiên bản 4.x trở đi chúng ta phải

gulp.task('default', gulp.series('css','js'));

Chú ý: Nếu thì sử dụng

gulp.task('default', gulp.series('a', 'b', 'c'));

Thì sử dụng

gulp.task('default', gulp.parallel('a', 'b', 'c'));

Phương pháp Watch được sử dụng để giám sát các tệp nguồn của bạn. Khi bất kỳ thay đổi nào đối với tệp nguồn được thực hiện, đồng hồ sẽ chạy một tác vụ thích hợp. Bạn có thể sử dụng tác vụ 'mặc định' để theo dõi các thay đổi đối với tệp HTML, CSS và JavaScript.

Update Default Task

Trong chương trước, bạn đã học cách kết hợp các tác vụ bằng cách sử dụng tác vụ mặc định. Chúng tôi đã sử dụng gulp-minify-css, gulp-autoprefixer và gulp-concatplugins, đồng thời tạo tác vụ styles để giảm thiểu các tệp CSS.

Để xem tệp CSS, chúng tôi cần cập nhật tác vụ ‘mặc định’ như được hiển thị trong mã sau:

gulp.task('default', ['styles'], function() {
   // watch for CSS changes
   gulp.watch('src/styles/*.css', function() {
      // run styles upon changes
      gulp.run('styles');
   });
});