javascript - 重新加载脚本的 grunt-browser-sync 双重注入

Question

我在 patterlab 项目（https://github.com/pattern-lab/patternlab-php）上使用 browsersync，patternlab 页面由 patterlab 控件的主体和带有样式指南内容的 iframe 划分。

发生的情况是 js 脚本在页面中被注入两次，在两个“正文”中。每次我更改css时，页面都会重新回到顶部，这很烦人。

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

重新加载脚本只能在 iframe 内应用：

我似乎找不到解决方案非常感谢任何帮助非常感谢

Answer 1

此问题已在最新版本的 Pattern Lab / Node.js 中得到解决。秘诀是：

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

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