0

我正在尝试从Zurb Foundation网站gulp-uncss中删除不需要的 CSS 。

在该站点中，我使用 Foundation 的均衡器使两列具有相同的高度。这通过向data-元素添加属性来工作：

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

当页面加载时，Foundation 会确定两个元素的高度，并注入一个内联样式来将元素的高度设置为两个元素高度中的较大者。结果是：

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

当我添加gulp-uncss到我的 gulpfile.js 时，均衡器不再起作用。属性仍然存在于 HTML 文件中，data-但未添加内联样式。

我试过使用忽略ignore选项，但没有运气。内联样式不再添加到 HTML 文档中。gulp-uncssheight

有没有一个选项gulp-uncss可以让均衡器完成它的工作？

4

1 回答 1

0

我能够gulp-uncss使用ignore.UnCSS

添加：

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

保留uncss()所有必要的 CSS。其中最重要的是/^meta.foundation因为这允许 Foundation JS 注入样式。其余的值/f-topbar-fixed、contain-to-grid和/sticky/都/fixed/特定于我正在使用的 Foundation JS 模块。以上适用于.sticky顶栏。

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

于 2015-04-12T07:13:55.490 回答