問題タブ [gulp-uncss]

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

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

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

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

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

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

こんにちは、初めてUNCSSを使用して未使用のスタイルを CSS から削除しようとしていますが、次のエラーが表示されます。

Fontconfig 警告: C.UTF-8 を無視します: 有効な言語タグではありません

/home/ubuntu/.nvm/v0.10.35/lib/node_modules/uncss/node_modules/bluebird/js/main/async.js:43 fn = function () { throw arg; }; ^ エラー: Fontconfig 警告: C.UTF-8 を無視: 有効な言語タグではありません

Gulp を使用してみましたが、解決策を探していましたが、修正するための出力がわかりません。

これを解決するための助けをいただければ幸いです。

-j

私のアプリケーションは、ダスト テンプレート、HTML テンプレート、および JavaScript を使用してビューを構築しています。ビジネスロジックに基づいてcssクラスを追加/削除するjavascriptのコードがたくさんあります。また、このアプリケーションはかなり古いため、未使用の CSS コードをすべて削除したいと考えていました。

gulp-uncss ( https://www.npmjs.com/package/gulp-uncss ) を使用しようとしましたが、ルックアップとして .html ファイルのみを受け入れます。ルックアップ用の .dust または .js ファイルを受け入れず、使用されている css クラスが大量にドロップされているためです。

html、js、またはダストファイルを調べて、未使用のcssを取り除くために使用できるオープンソースのツール/ライブラリはありますか?

次のように gulp-uncss を使用してクリーンなCSS を取得できることはわかっています。

そして、次のようにタスクを実行します。

ただし、汚れたCSSも取得したいと思います。つまり、これら 2 つのファイル (クリーンとアンクリーン) を連結すると、実質的に original.css が作成されます。

clean.css + unclean.css = original.css

これは gulp-uncss または他のツールで可能ですか?

私はいくつかの正規表現の問題を抱えています。

gulp-uncss の使用

いくつかのクラスを無視オプションに追加したいと思います。

.no- で始まるすべてのクラス

.is- を含むクラス

これは正しくありません

gulp-uncss の私の gulp 設定は

uncss を使用すると、最終的な css ファイルから 'newClass' セレクターが削除されます。これは、そのクラスが .html ファイルで直接使用されるのではなく、js を介して動的に追加されるためです。

編集:私はすでに /* uncss:ignore */ を使用して動作させていますが、.js には存在するが .html には存在しないクラスに対して毎回このコメントを追加するのは意味がありません

gulp-uncss を実行して未使用のコードをすべて削除すると問題が発生します。間違いはcssの解析に関係しているようです。

私の gulpfile.js は次のようになります。

私はgulp uncssを使用しています。これは私のタスクコードです:

次の行

上記のgulpタスクでコードを実行すると、コンパイルされます。

どんな考えでも、私の正規表現のスキルには欠けているものがあります!

.is-基本的に、セレクタ内のどこにでもあるクラスを無視する必要があります。