Zurb foundation ZURB基础中采用高度均衡器的UCSS吞吐

我正在尝试使用

gulpuncss

从网站中删除不需要的CSS

在这个网站里，我用地基制作了两个相同高度的柱子。这是通过向元素添加

data-

属性来实现的：

<div data-equalizer>
  <div data-equalizer-watch>
  <div>
  <div data-equalizer-watch>
  <div>
<div>

当页面加载基础时，确定两个元素的高度并注入内联样式，以将元素的高度设置为两个元素高度的较大值。结果是：

<div data-equalizer>
  <div data-equalizer-watch style="height: 256px;">
  <div>
  <div data-equalizer-watch style="height: 256px;">
  <div>
<div>

当我将

gulp uncss

添加到我的gulpfile.js时，均衡器不再工作。

data-

属性仍存在于HTML文件中，但未添加内联样式

我曾尝试使用

gulpuncss

中的

ignore

选项来忽略

height

，但没有成功。内联样式不再添加到HTML文档中

---

gulp uncss

中是否有允许均衡器完成其工作的选项

我能够使用

uncss

中的

ignore

参数

添加：

ignore: [/^meta.foundation/, /f-topbar-fixed/, /contain-to-grid/, /sticky/, /fixed/]

to
uncss（）
保留了所有必要的CSS。其中最重要的是<代码> /^ meta。基金会<代码>，因为这允许基金会JS注入样式。其余的值<代码> /F TopBar固定< <代码> >代码>包含网格，<代码> /粘/ < /代码>和<代码> /固定/< /代码>都适用于我正在使用的基础JS模块。上述操作适用于
.sticky
顶栏

如果您正在使用其他JS模块，则需要确定要注入哪些类，并将它们添加到
ignore
数组中