Gulp 在监视功能之前运行服务器功能

使用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']);

如果我跳过了watch函数，那么就直接创建服务器。 任何帮助

改变这一点：

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

致：

及

现在，“连接”任务将在“监视”任务开始之前运行。我想这就是你想要的？另外，将return语句添加到所有任务中。如

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

更改此项：

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

致：

及

现在，“连接”任务将在“监视”任务开始之前运行。我想这就是你想要的？另外，将return语句添加到所有任务中。如

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