Cannot disable browser-sync injection into iframe

Ultimately, I am trying to prevent browser-sync (v2.5.2) from injecting into an iframe with a src of local content.

I’ve tried to disabled it completely with:

    gulp.task('browser-sync', function() {
      browserSync({
        snippetOptions: {
          rule: {
              match: /xxx/
          }
        },
        server: {
          baseDir: [__dirname] + '/_build/',
        }
      });
    });

I’ve also tried ignoring all files:

    gulp.task('browser-sync', function() {
      browserSync({
        snippetOptions: {
          ignorePaths: "*.html"
        },
        server: {
          baseDir: [__dirname] + '/_build/',
        }
      });
    });

But these don’t work (also tried blacklist) and the snippet is injected to both the parent and iframe. Am I missing something?

[tomgenoni]

Thank you @shakyShane. I can confirm this works. I’ve updated my example repo to provide a working version: https://github.com/tomgenoni/browser-sync-block-iframe-example

[shakyShane]

@tomgenoni - there was an error in your original gulpfile. snippetOptions is a separate option, but you had it nested under the server property.

Either way, in your example, with the latest update (2.7.2), this will work as expected.

gulp.task('browser-sync', function () {
    browserSync({
        server: {
            baseDir: [__dirname] + '/dist/'
        },
        snippetOptions: {
            blacklist: ["/iframe/index.html"]
        }
    });
});