javascript – Gulpfile.js观看最佳实践

前端之家收集整理的这篇文章主要介绍了javascript – Gulpfile.js观看最佳实践前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我目前的gulpfile.js监视列表
// Gulp watchlist
gulp.task('watch',['browserSync','sass'],function(){
    gulp.watch('app/scss/**/*.scss',['sass']);
    gulp.watch('app/*.html').on('change',browserSync.reload);
    gulp.watch('app/js/**/*.js').on('change',browserSync.reload);
    //add more watchers here
});

这很有效.

但是我关注的教程有些不同:

gulp.task('watch',function (){
  gulp.watch('app/scss/**/*.scss',['sass']); 
  // Reloads the browser whenever HTML or JS files change
  gulp.watch('app/*.html',browserSync.reload); 
  gulp.watch('app/js/**/*.js',browserSync.reload); 
});

我需要.on(‘更改’,browserSync.reload)吗?有用;我只是好奇我的工作是不是很好的做法.谢谢!

解决方法

不,您不需要添加自定义(‘更改’).在初始化观察器时应该像教程一样传递事件处理程序.否则,它有点像告诉gulp默认情况下不做任何更改,然后添加你的监听器.

另一个优点是如果你的处理程序是gulp任务本身gulp.watch(…,[‘task1′,’task2’])而不是链接(‘change’,你可以一次性传入多个事件处理程序作为数组task1Function).on(‘change’,task2Function)

猜你在找的JavaScript相关文章