0

Zurb Foundationgulp-uncss Web サイトから不要な CSS を削除するために使用しようとしています。

サイト内では、Foundation のEqualizerを使用して 2 つの列を同じ高さにしています。data-これは、要素に属性を追加することで機能します。

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

ページが読み込まれると、Foundation は 2 つの要素の高さを決定し、インライン スタイルを挿入して要素の高さを 2 つの要素の高さのうち大きい方に設定します。結果は次のとおりです。

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

gulp-uncssgulpfile.jsに追加すると、イコライザーが機能しなくなります。属性は引き続き HTML ファイルに存在しますdata-が、インライン スタイルは追加されません。

ignoreオプションを使用しgulp-uncssて無視しようとしましheightたが、うまくいきませんでした。インライン スタイルが HTML ドキュメントに追加されなくなりました。

gulp-uncssイコライザーがその仕事をすることを可能にするオプションはありますか?

4

1 に答える 1

0

のパラメータgulp-uncssを使用して動作させることができました。ignoreUnCSS

追加:

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 に答える