2015-11-03 74 views
1

我是使用node.js和gulp的新手,我有這個特定的問題。我已經在全球和本地安裝了gulp,可以確定,在項目中編輯了gulp文件,但由於某種原因它似乎沒有加載。只要輸入「gulp watch」,它就會顯示「任務監視不在您的gulp文件中」。這是我如何編輯文件本身,感謝您的幫助提前。Gulp手錶不能正確重撥

/** 
    * Gulp Configuration 
    * 
    * We are using [gulp](http://gulpjs.com/) as a build system. 
    */ 

    var gulp   = require("gulp"), 
sass   = require("gulp-sass"), 
autoprefixer = require("gulp-autoprefixer"), 
connect  = require("gulp-connect"), 
gutil  = require("gulp-util"), 
es   = require('event-stream'), 
del   = require("del"); 

/** 
* Clean Task 
*/ 
gulp.task("clean", function() { 
    return del(["./.build/**"]); 
    }); 

    /** 
    * Stylesheets Task 
    */ 
    gulp.task("stylesheets", function() { 
    return gulp 
    .src("./stylesheets/**/*.scss") 
    .pipe(sass().on("error", sass.logError)) 
    .pipe(autoprefixer({ browsers : ["last 2 versions"] })) 
    .pipe(gulp.dest("./.build/stylesheets")) 
    .pipe(connect.reload()) 
    .on("error", gutil.log); 
}); 

/** 
    * Assets Task 
    */ 
    gulp.task("assets", function() { 
    return es.merge(
    gulp.src("./images/**/*") 
     .pipe(gulp.dest("./.build/images")), 
    gulp.src("./fonts/**/*") 
     .pipe(gulp.dest("./.build/fonts")) 
    ); 
    }); 

    /** 
     * HTML 
     */ 
    gulp.task("html", function() { 
    return gulp 
    .src("./html/**/*") 
    .pipe(gulp.dest("./.build")); 
    }); 

    /** 
    * Development 
    */ 
    gulp.task("development", function() { 

/** Development Server */ 
connect.server({ 
    port : 8080, 
    root : "./.build/", 
    livereload : true 
}); 

/** Watch any changes */ 
gulp.watch("./stylesheets/**/*.scss", ["stylesheets"]); 

/** Watch any html changes */ 
gulp.watch("./html/**/*.html", ["html"]); 

}); 

/** 
    * Build task alias 
    */ 
gulp.task("build", ['stylesheets', 'assets', 'html']); 

回答

0

你需要叫watch喜歡一飲而盡任務如下:

gulp.task('watch', function() { 
    gulp.watch("./stylesheets/**/*.scss", ["stylesheets"]); 
    gulp.watch("./html/**/*.html", ["html"]); 
}); 
0

添加一飲而盡手錶任務:

gulp.task('watch', function(){ 
    /** Watch any changes */ 
    gulp.watch("./stylesheets/**/*.scss", ["stylesheets"]); 

    /** Watch any html changes */ 
    gulp.watch("./html/**/*.html", ["html"]); 
});