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

Question

使用gulp-connect插件创建服务器。

该代码很好，但是当我运行gulp时，它开始监视“监视”，如何运行服务器并在创建服务器后运行监视功能。

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) ...........