Question

如何暂时禁用browsersync，以便它不会注入/修改HTML页面？（用于测试和调试。）

Answer 1

似乎没有配置选项可以做到这一点，但一个hacky解决方法是使用snippetOptions指定一个永远不会在HTML中找到的字符串：

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

如果在HTML中找不到此字符串，则永远不会注入代码段，并且browsersync将是惰性的。

Answer 2

您可以使用Yargs发送参数并启用或禁用“观看”功能。任务。

请记住此命令行以安装所需组件：
npm i --save gulp browser-sync yargs runSequence

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

此if (args.sync)行使用truthy / falsy搜索sync值并启用/禁用＆＃39; watch＆＃39;任务。

带手表的BrowserSync：
gulp --sync true

没有手表的BrowserSync：
gulp或gulp --sync false

如何暂时禁用browsersync？

2 个答案: