javascript - gulp uncss 正在过滤我的 javascript 所需的选择器

Question

正如预期的那样，当我在我的 index.html 文件上运行 gulp uncss 时，它从我的样式表中删除了所有未在 html 中使用的 css 规则。问题是我的应用程序主要是 javascript，所以很多内容直到 js 在浏览器中执行后才会呈现。有人知道通过 gulp 在服务器中执行 index.html 文件并捕获 html 字符串(执行 javascript 后)以便我可以将其传递给 uncss 的好方法吗？

Answer 1

有几个选项...

选项 1

使用 timeout parameter在加载 HTML 页面时设置延迟，让 JS 有时间加载。

选项 2

如果您可以控制 JS 注入(inject)的内容，您可以在类名、ID 和其他属性前加上一个字符串(类似于 js-)，以便轻松忽略那些使用 ignore parameter 的内容。 .

选项 3

Go 手册 - 唯一对我有用(使用 Zurb Foundation)的是使用 Chrome 的开发工具来查找注入(inject) JS 的内容。值得庆幸的是，我只需要添加几个类。