Wie Browsersync vorübergehend deaktivieren?

Question

Wie kann ich browsersync vorübergehend deaktivieren, so dass HTML-Seiten nicht injiziert/geändert werden? (. Für das Testen und Debuggen)

Answer 1

Es scheint nicht, eine Konfigurationsoption zu sein gerade, dies zu tun, aber man Hacky Abhilfe ist snippetOptions zu verwenden, um eine Zeichenfolge angeben, die wird nie in der HTML finden:

Wenn diese Zeichenfolge nicht im HTML gefunden werden kann, wird das Snippet niemals eingefügt und browsersync wird inaktiv.

Answer 2

Sie können Yargs verwenden, um Parameter zu senden und "Watch" -Task zu aktivieren oder zu deaktivieren.

Denken Sie daran, diese Befehlszeile erforderlichen Komponenten zu installieren:
npm i --save gulp browser-sync yargs runSequence

Auf gulpfile.js Datei:

browserSync.init({ 
    port: 80, 
    notify: false, 
    cors: true, 
    browser: 'chrome', 
    open: 'local' 
}); 

gulp.task('watch', ['browserSync'], function(){ 
    gulp.watch('dev/*.html', browserSync.reload); 
    gulp.watch('dev/**/*.js', browserSync.reload); 
    gulp.watch('dev/**/*.css', browserSync.reload); 
}); 

gulp.task('default', function(callback) { 
    var sequence = ['browserSync']; 
    if (args.sync){ 
     sequence.push('watch') 
    } 

    runSequence(sequence,callback); 
}); 

Diese if (args.sync) Linien verwenden truthy/falsy sync Werte für die Suche und aktivieren/deaktivieren ‚watch "Aufgabe.

BrowserSync mit Uhr:
gulp --sync true

BrowserSync ohne Uhr:
gulp oder gulp --sync false