私のサイトには、サイト全体の CSS セレクターを含むモンド サイズの CSS ファイルがあります。この単一のファイル ( Mondo.css ) はうまく機能しました。これは、ユーザーにこの大きなファイルを一度ダウンロードしてもらいたいからです。
ただし、最近、サイトの機能の小さなサブセットを公開するウィジェット コントロールを作成しました。パフォーマンス上の理由から、ウィジェットで実際に使用される CSS セレクターのみを公開する小さな CSS ファイル ( Widget.css ) が必要です。
CSS の依存関係を分析し、Mondo.css から Widget.css ファイルを分離するのに役立つ(おそらく Chrome、FF、または IE のブラウザー プラグインとして) 使用できるランタイム ツールはありますか? Widget.css は、基本的に「 Site.css 」と呼ばれる新しい CSS ファイルの基本クラスになります。
次に、Widget.css (基本クラス) と Site.css (派生クラス) を Mondo.css (集約クラス) に結合できるツールが必要です。