javascript - 如何将 watch 添加到 gulp 中的文件夹中

标签 javascript gulp gulp-watch

我有以下 glupfile.js,它工作正常,但当文件夹中有文件时,我需要运行默认的 gulp 任务。

如何更改我的脚本以支持 gulp watch?

var gulp = require('gulp');
var jscs = require('gulp-jscs');
var jshint = require('gulp-jshint');
var noop = function () { };
var stylish = require('gulp-jscs-stylish');

var folders = [
    './a/**/*.js',
    './b/**/*.js',
    './c/**/*.js',
    'a.js',
    'b.js',
    'c.js',
    'd.js'
];

gulp.task('default', function () {
    gulp.src(folders)
        .pipe(jshint())                           // hint (optional)
        .pipe(jscs())                             // enforce style guide
        .on('error', noop)                        // don't stop on error
        .pipe(stylish.combineWithHintResults())   // combine with jshint results
        .pipe(jshint.reporter('jshint-stylish')); // use any jshint reporter to log hint and style guide errors
});

最佳答案

尝试添加如下所示的 gulp 任务

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

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

基本上,它会监视文件夹中的任何更改,如果发生任何更改,它会执行您的默认任务。

关于javascript - 如何将 watch 添加到 gulp 中的文件夹中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32004609/

相关文章:

json - 使用 gulp 将多个 json 文件合并编辑为一个

javascript - 找不到模块 'gulp-watch' 错误抛出

javascript - Gulp Watch 未调用关联的 gulp 任务

javascript - String.slice 和 string.substring

javascript - 深度自引用对象的属性

azure - FTP 到 Azure WebApp 的 Gulp 脚本失败并显示 'getaddrinfo ENOTFOUND'

javascript - Gulp 中 src 文件的基本路径

javascript - 节点 - 已找到 @import 循环

javascript - jquery 选择插件

javascript - 使用相同的 Bootstrap 模式来添加新对象并编辑该对象