grunt-browser-sync双注入重载脚本

Question

我在一个模式实验室项目(https://github.com/pattern-lab/patternlab-php)上使用浏览器同步，patternlab页面被一个主体和iframe分成两部分，分别是模式实验室控件和iframe和styleguide内容。

发生的情况是js脚本在页面中注入了两次，在两个“主体”中。每次我做一次css更改，页面就会迅速回到顶部，这很烦人。

​

​

我已经更新到2.0.0来使用https://www.browsersync.io/docs/options/#option-snippetOptions，但我不是正则表达式的专家，我甚至不知道我在这里是否走对了路。

reload脚本应该只应用于iframe内部：

​

​

我似乎找不到解决办法，非常感谢你的帮助。

Answer 1

这个问题在最新版本的Pattern Lab / Node中得到了解决。秘方是：

snippetOptions: {
  blacklist: ['/index.html', '/']
}

似乎BrowserSync希望这些黑名单字符串是前导斜杠URL片段，而不是文件系统路径。