Gulp - JADE - browserSync不自動重新加載

我使用gulp進行創建。我使用瀏覽器同步功能查看我的網頁預覽。但我無法配置gulp自動重新加載。當我在瀏覽器中進行更改時，只能使用jade文件手動重新加載。我使用和編譯CSS到SCSS，如果自動更改...Gulp - JADE - browserSync不自動重新加載

哪一個是我的錯誤，爲什麼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); 
});

來源

2016-01-02 Alvaro Jara Burgos

你是不是包括你在你的參數玉石或青菜功能

gulp.task（ '默認'，[ '青菜']，[ '玉']，函數（）{

gulp.watch（「./ SASS/styles.scss」，[ 'SASS']）;

gulp.watch（「./玉/ *玉」，[ '玉']） ;

}）

一飲而盡默認

來源

2016-01-02 23:00:12 Nick

在哪裏我都要寫這個代碼....在最後一個任務，在註釋// browserSync，因爲它非常類似於或我必須創建其它任務 –

只需添加參數到瀏覽器同步功能[更多信息]（https://www.browsersync.io/docs/gulp/） – Nick

我創建一個新的項目，現在它的工作原理...添加paremeters ['sass'， '玉']太...謝謝 –

Gulp - JADE - browserSync不自動重新加載

回答

相關問題