css - 在 gulp-uncss 中定位复合选择器？

Question

我是 gulp 和 uncss 的新手，不确定我的逻辑是否有缺陷，或者我需要的东西是否不可能。

我希望 uncss 忽略大量以特定字符串为前缀的 CSS 规则，但它们的声明中链接了许多复合选择器。

我知道我们可以在 ignore 语句中使用正则表达式，并且我正在使用正则表达式来希望忽略以我的前缀开头的所有规则。但我不确定忽略中的正则表达式是否只涵盖选择器中的一个类，还是涵盖整个规则。

例如我希望 gulp-uncss 忽略所有以 .foo 为前缀的 CSS 规则

.foo .bar {...}
.foo-baz {...}
.foo-ballz .bazzie:hover {...}

还有我的 gulp-uncss 规则(似乎没有按预期工作)

.pipe(uncss({
     html: ['index.html'],
     ignore: ['/^.foo/']
}))

编译一切正常，但我似乎丢失了一些(但不是全部)所需的 CSS。我可能错过了什么吗？谢谢!

Answer 1

我想我解决了我自己的问题。在我们的忽略语句中，我发现您不必将正则表达式括在引号中。

因此:

.pipe(uncss({
     html: ['index.html'],
     ignore: [/^\.foo/]
}))

看来我的锻炼效果不错!