時計機能の前にサーバ機能を実行

Question

gulp-connectプラグインを使用してサーバを作成しています。

コードは問題ありませんが、gulpを実行すると、 'watch'の監視が開始されます サーバーの作成後にサーバーを実行し、監視機能を実行するにはどうすればよいですか。

var gulp = require("gulp"), 
scss = require("gulp-scss"), 
jsmin = require("gulp-jsmin"), 
rename = require("gulp-rename"), 
connect = require("gulp-connect"); 

var path = { 
    src: { 
     js: 'dist/js/**/*.js', 
     css: 'dist/css/**/*.scss', 
     img: 'dist/img/*.*', 
     html: '/**/*.html' 
    }, 
    build: { 
     js: './js/', 
     css: './css/', 
     img: './img/' 
    } 
}; 

/* connect server */ 
gulp.task("connect", function() { 
    connect.server({ 
     root: './', 
     livereload: true 
    }); 
}); 

/* SASS into css */ 
gulp.task("styles", function() { 
    gulp.src(path.src.css) 
     .pipe(scss()) 
     .pipe(gulp.dest(path.build.css)) 
     .pipe(connect.reload()); 
}); 

/* minified JS */ 
gulp.task("scripts", function() { 
    gulp.src(path.src.js) 
     .pipe(jsmin()) 
     .pipe(rename({ suffix: '.min' })) 
     .pipe(gulp.dest(path.build.js)) 
     .pipe(connect.reload()); 
}); 

/* html */ 
gulp.task("html",function(){ 
    gulp.src(path.src.html) 
     .pipe(connect.reload()); 
}); 

/* watch */ 
gulp.task('watch', function(){ 
    gulp.watch([path.src.html],["html"]); 
    gulp.watch([path.src.css],["styles"]); 
    gulp.watch([path.src.js],["scripts"]); 
}); 

gulp.task("default", ["connect", 'html', 'styles', 'scripts','watch']); 

ウォッチ機能をスキップすると、サーバーが作成されます。 何か助けてください！

Answer 1

変更この：

gulp.task("default", ["connect", 'html', 'styles', 'scripts', 'watch']); 

へ：

gulp.task("default", ['html', 'styles', 'scripts', 'watch']); 

と

gulp.task('watch', ['connect'], function(){ 
    gulp.watch([path.src.html],["html"]); 
    gulp.watch([path.src.css],["styles"]); 
    gulp.watch([path.src.js],["scripts"]); 
}); 

'時計' タスクを開始する前に今すぐ '接続' タスクが実行されます。私はそれがあなたが望むものだと思いますか？また、すべてのタスクにreturnステートメントを追加します。

のように

gulp.task("styles", function() { 
    return gulp.src(path.src.css) ...........