gulp-connect不适用于gulp手表

Question

我刚开始学习gulp，我正在尝试使用gulp-connect https://www.npmjs.com/package/gulp-connect。
这是我的文件结构

这是我的gulpfile.js文件

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

当我在node.js控制台中使用命令gulp时，我没有理解为什么一切正常，但如果我尝试使用命令gulp watch，我在浏览器控制台中出错 http://localhost:8080/ net::ERR_CONNECTION_REFUSED

我做错了什么？

Answer 1

您没有正常运行＆＃39; connect＆＃39;跑步时的任务＆＃39;观看＆＃39;。

重新格式化您的任务

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

返回终端并运行

gulp watch