問題タブ [uncss]

SassでUnCSSを使用しています。UnCSS は未使用の CSS を自動的に削除します。ただし、削除したくないものを削除することもあります。次のように、ルールの上にコメントを含めることができます。

...そのルールを無視して最終出力に含めるよう UnCSS に指示します。

そのコメントをSassのネストされたメディアクエリに含める方法を考えています:

SCSS:

出力：

望ましい出力:

/* uncss:ignore */Desired Output の例の余分なコメントに注意してください。Sassでこれを行うことは可能ですか?

uncss grunt タスクをセットアップしました。私のhtmlファイルは「public」フォルダーにあり、私のcssは「public/css」にあります。

私は次のようにうなり声タスクをセットアップします：

次のようなエラーが表示されます。

私はHTMLページでCSSを次のようにインポートします：

htmlroot、csspath を設定しようとしましたが、何も機能していないようです。

私が設定した場合

パスに追加の css を追加します。

誰でも助けることができますか？

UnCss でマスター CSS ファイルの縮小バージョンを作成しようとしていますが、今のところ、テストとしてホームページでこれを動作させたいだけです。

次のコードを使用しています。

私がここでやろうとしているのはmaster-2014.css、ローカル サーバー (そして最終的には google.com などのリモート URL) から読み取られ、スタイルシートを取得したページ (私のホームページlocalhost) を見て、どのスタイルが必要かを判断することです。私は最終的にこれを に生成したいと考えていapp.clean.cssます。

現在、私はこれを私の人生で機能させることができません。次のような他のバリエーションを試しました：

これは動作しません。

私はまた、人々が次のようなことをしようとしているのを見てきました:

index.html空白の html ファイルはどこにありますか。htmlこれは成功する唯一のものですが、との css のみを含む css ファイルを作成するだけですbody。残りはすべて次のエラーをスローします。

私が見つけることができる他のすべての例は、PHP である WordPress 用であり、これは .Net サイトです。

どんな助けにもとても感謝しています。

私のサイトでは、使用されていないbootstrap-cssを削除するためにuncssを使用しています。しかし、ブートストラップ カルーセルスライド アニメーションとナビゲーションのアクティブ状態の 2 つの要素があり、uncss が新しい css ファイルを生成した後に正しく機能しません。

これが私の uncss-ignore です

そして、これは必要なCSSですが、UNCSSによって認識されません

コメントやヘルプは素晴らしいでしょう！

Foundation 6 を NPM でインストールし、foundation newコマンドで新しいプロジェクトを開始し、新しい Web サイトの構築を開始しました。しかし、コマンドを使用して本番環境でビルドするとfoundation build --production、.top-bar大きなモニターでもクラスが常に折りたたまれます ( に注意してくださいdata-hide-for="medium")。コマンドを使用して開発モードで実行すると、foundation watch問題なく動作します（中型および小型デバイスでのみ折りたたみます）。

gulp のいくつかのタスクに問題があるのではないかと考え、1 つずつテストすることにしました。uncss開発モードでのみ実行するように変更した場合（ isProductionvarをfalseブール値に変更）、機能しました！そこで、彼らのドキュメントを読むことにしたところ、「無視」設定が見つかりました。その中にいくつかのセレクターを設定できます。それが私の質問です。折りたたみをうまく機能させるには、どのセレクターを無視する必要がありますか? UnCSS は、*.html ファイルが使用していないと考えているセレクターを削除していると思いますが、それは使用されており、どのセレクターであるかを特定できませんでした。

注:タスクはuncss本番モードでのみ実行されます。

index.html

gulpfile.js(Foundation for sites complete templateのデフォルトなので、CSSコンパイル部分だけ載せます)

CSS全体はそのままです。何も変更していません。パスもデフォルトです（ただし、フォントフェイスや色などのいくつかのルールを追加しました）。Foundation 6のデフォルトのindex.htmlを消去して、このメニューを追加しました（それは彼らのドキュメントにあります）。

あなたを助けるために、私はMEGAにプロジェクト全体をアップロードしました.foundation watch.top-barfoundation build --productionindex.htmldist.top-bar

.top-bar生産時:

.top-bar開発中（作業中）：

フロントエンド プロトタイプのビルド ツールとしてBrunchを使用していますが、 UnCSSプラグインのセットアップに苦労しています。クイックセットアップのためにBootstrap 4 -skeletonをインストールしました。UnCSS を除けば、すべてがスムーズに実行されています。

私が得るエラーbrunch build --productionはですerror: UnCSS: no stylesheets found。プラグインを次のように構成しました。

プロジェクトのソース ファイルは次の場所にありappます。index.htmlapp/assetsmain.scssstyles.cssapp/stylesheetsapp.jsapp/javascripts

Brunch はこれを という名前のフォルダーにビルドし、publicスタイルは にpublic/css/app.css、コンテンツは に格納しpublic/index.htmlます。問題は、UnCSS の構成について何が間違っているのかということです。私の理解では、ビルドからの CSS 出力で機能するということです。その場合、パスは正しいようです。

2014年からほぼ同じことを尋ねるSOに関する質問がありますが、回答はありませんでした。

grunt を実行するとエラーが発生し続けます。php で UNCSS を使用する方法を知っている人はいますか?

この問題を解決する方法がわかりません。私の UNCSS ファイルは次のようになります。

すべての助けに感謝します