Gulp-JADE-browserSync無法自動重新加載

Question

我使用gulp進行創建。 我使用瀏覽器同步來查看頁面預覽。 但是我無法將gulp配置為自動重新加載。 當我在瀏覽器中進行更改時，我只需要手動加載玉文件。 我使用CSS並將其編譯為SCSS，如果可以自動更改，則可以...

哪一個是我的錯誤，為什么gulp不能在預覽中重新加載我的jade或html文件？

var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var sass = require('gulp-sass');
var jade = require('gulp-jade');
var autoprefixer = require('gulp-autoprefixer');
var minimifyCss = require('gulp-minify-css');

// JADE
gulp.task('jade', function() {
    gulp.src('./jade/*.jade')
    .pipe(jade({
        pretty: true
    }))
    .pipe(gulp.dest('./'))
});

// SASS
gulp.task('sass', function() {
    gulp.src('./sass/styles.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(autoprefixer({
        browsers: ['last 2 versions'],
        cascade: true
    }))
    .pipe(minimifyCss({
        keepBreaks: true
    }))
    .pipe(gulp.dest('./css'))
    .pipe(browserSync.stream());
});

// browserSync
gulp.task('default', function() {

    browserSync.init({
        server: "./"
    });

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

Answer 1

您沒有在參數中包含玉或sass函數

gulp.task（'default'，['sass']，['jade']，function（）{

gulp.watch（“ ./ sass / styles.scss”，['sass']）;

gulp.watch（“ ./ jade / *。jade”，['jade']）;

}）

gulp默認