大きなCSSファイルをモジュール化し、より小さいCSSファイルを集約するツール

Question

私のサイトには、サイト全体のCSSセレクタを備えたmondoサイズのCSSファイルがあります。この1つのファイル（Mondo.css）は、この大きなファイルをダウンロードするためにユーザーが一度ヒットするようにしたいのでうまくいきました。

しかし、私は最近、サイトの機能の小さなサブセットを公開するウィジェットコントロールを作成しました。パフォーマンス上の理由から、実際に使用されたCSSセレクタのみを公開する小さなCSSファイル（Widget.css）ウィジェットによって。

はどの、実行時ツールは、私がCSSの依存関係にを分析し、モンドからWidget.cssファイルを抜け出すために私を助けること（多分クロム、FF、またはIEのためのブラウザのプラグインとして）使用することができますあります.css？ Widget.cssは基本的に "Site.css"という新しいCSSファイルの基本クラスになります。

次に、Widget.css（基本クラス）とSite.css（派生クラス）をMondo.css（集約クラス）に縫い合わせるツールを用意したいと思います。

Answer 1

私自身の質問に答える。 「ダストミーセレクタ」 Firefox用のプラグインは、私が必要とするものとほとんど同じです。ライブページを解析し、使用済みセレクタと未使用セレクタの別々のリストを提供します。

私はこのリストを手動で歩き回って、私がしなければならないことを行うことができます。

https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/

http://www.brothercake.com/dustmeselectors/