Sass Browsersync流不工作

Browsersync流不适用于我

我从官方文档中复制了这个示例，但它不起作用。重新加载html和js文件工作正常。只有sass流媒体不起作用。我已经阅读了github上的所有问题，但找不到问题的答案

var gulp = require('gulp');
var sass = require('gulp-sass');
var browserSync = require('browser-sync');
var useref = require('gulp-useref');
var uglify = require('gulp-uglify');
var gulpIf = require('gulp-if');
var cssnano = require('gulp-cssnano');
var imagemin = require('gulp-imagemin');
var cache = require('gulp-cache');
var del = require('del');
var runSequence = require('run-sequence');

// Development Tasks
// -----------------

gulp.task('serve', ['sass'], function() {

    browserSync.init({
        server: {
            baseDir: "./app",
            index: 'index.html'
        }
    });

    gulp.watch('app/styles/*.scss', ['sass']);
    gulp.watch("app/*.html").on('change', browserSync.reload);
    gulp.watch('app/pages/*.html').on('change', browserSync.reload);
    gulp.watch('app/js/**/*.js').on('change', browserSync.reload);
});

// Compile sass into CSS & auto-inject into browsers
gulp.task('sass', function() {
    return gulp.src('app/styles/*.scss'). // Gets all files ending with .scss in app/scss and children dirs
    pipe(sass().on('error', sass.logError)). // Passes it through a gulp-sass, log errors to console
    pipe(gulp.dest('app/css')). // Outputs it in the css folder
    pipe(browserSync.stream());
})

// Build Sequences
// ---------------

gulp.task('default', function(callback) {
    runSequence([
        'sass', 'serve'
    ], callback)
})

gulp.task('build', function(callback) {
    runSequence('clean:dist', 'sass', [
        'useref', 'images', 'fonts'
    ], callback)
})

---

我会做三个快速的改变，看看它们是否有用。首先

const browserSync = require("browser-sync").create();

注意末尾的create（），您需要它。第二，简化这一点：

gulp.task('default', function(callback) {
  runSequence([
    'sass', 'serve'
  ], callback)
})

致：

您的“服务”任务首先调用“sass”任务，因此您不需要renSequence内容。最后，改变：

pipe(browserSync.stream());

致：

我也会做出这样的改变：

gulp.watch('app/js/**/*.js').on('change', browserSync.reload(stream:true}));

---

我会做三个快速的改变，看看它们是否有用。首先

const browserSync = require("browser-sync").create();

注意末尾的create（），您需要它。第二，简化这一点：

gulp.task('default', function(callback) {
  runSequence([
    'sass', 'serve'
  ], callback)
})

致：

您的“服务”任务首先调用“sass”任务，因此您不需要renSequence内容。最后，改变：

pipe(browserSync.stream());

致：

我也会做出这样的改变：

gulp.watch('app/js/**/*.js').on('change', browserSync.reload(stream:true}));

gulp.watch（'app/js/***.js'）。on（'change'，browserSync.reload（{stream:true}））；gulp.watch（'app/js/***.js'）。on（'change'，browserSync.reload（{stream:true}））；