Gulp Watch / Browsersync仅适用于HTML

Question

我正在尝试配置gulp browsersync。 Gulp watch / browserSync似乎不适用于sass文件。它仅适用于html。 不知道我在做什么错。

文件夹结构为src-> css（文件夹），src-> js（文件夹），src-> scss（文件夹），src-> img（文件夹），src-> index.html。

gulp.task('reload', function() {
browserSync.reload();
});

gulp.task('serve', ['sass'], function() {
browserSync({
    server: config.src
});

gulp.watch([config.htmlin, config.jsin], ['reload']);
gulp.watch(config.scssin, ['sass']);
});

gulp.task('sass', function() {
return gulp.src(config.scssin)
    .pipe(sourcemaps.init())
    .pipe(sass().on('error', sass.logError))
    .pipe(autoprefixer({
    browsers: ['last 3 versions']
    }))
    .pipe(sourcemaps.write())
    .pipe(gulp.dest(config.scssout))
    .pipe(browserSync.stream());
});

gulp.task('css', function() {
return gulp.src(config.cssin)
    .pipe(concat(config.cssoutname))
    .pipe(cleanCSS())
    .pipe(gulp.dest(config.cssout));
});

gulp.task('html', function() {
return gulp.src(config.htmlin)
    .pipe(htmlReplace({
    'css': config.cssreplaceout,
    'js': config.jsreplaceout
    }))
    .pipe(htmlMin({
    sortAttributes: true,
    sortClassName: true,
    collapseWhitespace: true
    }))
    .pipe(gulp.dest(config.dist))
});

gulp.task('clean', function() {
return del([config.dist]);
});
gulp.task('default', ['serve']);