gulp-connect ne fonctionne pas sur la montre gulp

Question

Je viens de commencer à apprendre gulp et j'essaie d'utiliser gulp-connecthttps://www.npmjs.com/package/gulp-connect.
C'est mes fichiers la structure

Et c'est mon gulpfile.js fichier

var gulp = require('gulp'), 
concatCss = require('gulp-concat-css'), 
minifyCss = require('gulp-minify-css'), 
rename = require('gulp-rename'), 
notify = require('gulp-notify'), 
autoprefixer = require('gulp-autoprefixer'), 
livereload = require('gulp-livereload'), 
connect = require('gulp-connect'); 

// server connect 
gulp.task('connect', function() { 
    connect.server({ 
    root: [__dirname], 
    livereload: true 
    }); 
}); 

// css 
gulp.task('css', function() { 
    return gulp.src('css/*.css') 
    /*.pipe(notify('Done!'))*/ 
    .pipe(autoprefixer({ 
      browsers: ['> 1%', 'IE 7'] 
     })) 
    .pipe(concatCss("style.css")) 
    .pipe(minifyCss()) 
    .pipe(rename('style.min.css')) 
    .pipe(gulp.dest('dist/')) 
    .pipe(connect.reload()); 
}); 

//html 
gulp.task('html', function(){ 
    gulp.src('index.html') 
    .pipe(connect.reload()); 
}); 

// watch 
gulp.task('watch', function() { 
    gulp.watch('css/*.css', ['css']); 
    gulp.watch('index.html', ['html']); 
}); 

// default 
gulp.task('default', ['connect', 'html', 'css', 'watch']); 

Je n'undestand pourquoi tout fonctionne correctement lorsque j'utilise la commande gulp dans la console Node.js, mais si je tente d'utiliser la commande gulp watch je reçois une erreur dans la console du navigateur
http://localhost:8080/ net::ERR_CONNECTION_REFUSED

Qu'est-ce que j'ai fait de mal?

Answer 1

Vous n'exécutez pas la tâche 'connect' lorsque vous exécutez 'watch'.

reformater vos tâches comme celui-ci

gulp.task('watch:assets', function() { 
    gulp.watch('css/*.css', ['css']); 
    gulp.watch('index.html', ['html']); 
}); 

gulp.task('default', ['connect', 'html', 'css', 'watch:assets']); 
gulp.task('watch', ['connect', 'watch:assets']); 

Retour à la borne et exécuter

gulp watch