Jak tymczasowo wyłączyć browsersync?

Question

Jak mogę tymczasowo wyłączyć browsersync, aby nie wstrzykiwać/modyfikować stron HTML? (. Do testowania i debugowania)

Answer 1

Nie wydaje się być opcja konfiguracji, aby robić tylko to, ale jeden hacky obejście jest użycie snippetOptions określić ciąg znaków, który nigdy nie zostanie znaleziony w HTML:

snippetOptions: { 
    rule: { 
    match: /qqqqqqqqq/ 
    } 
} 

Jeśli tego ciągu nie można znaleźć w kodzie HTML, urywek nigdy nie zostanie wprowadzony, a browsersync będzie obojętny.

Answer 2

Możesz używać Yargs do wysyłania parametrów i włączania lub wyłączania zadania "oglądaj".

Zapamiętaj ten wiersz polecenia, aby zainstalować wymagane składniki:
npm i --save gulp browser-sync yargs runSequence

W pliku gulpfile.js:

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); 
}); 

This if (args.sync) linie używać truthy/falsy szukając sync wartości oraz włączyć/wyłączyć „zegarek "zadanie.

BrowserSync z zegarka:
gulp --sync true

BrowserSync bez zegarka:
gulp lub gulp --sync false