変更の実装を容易にするために、いくつかのファイルから重複したCSS宣言を削除したいと考えています。それを行うのに役立つツールはありますか?
今、私はこのようなものに直面しています:
styles.css
#content {
width:800px;
height:1000px;
background: green;
}
styles.game.css
#content {
width:800px;
height:1000px;
background: blue;
}
そして、私はこれが欲しい:
styles.css
#content {
width:800px;
height:1000px;
background: green;
}
styles.game.css
#content {
background: blue;
}
すべてのファイルの合計行数は10kを大きく超えているため、手動編集に依存する手法はオプションではありません。
csscss と呼ばれるこの目的専用のツールを作成しました。ボーナスとして、SassおよびLESSと統合されます。試してみて、githubに問題がある場合はお知らせください。
セレクターをクリーンアップするのに役立ちました-CSSの使用-Firebug拡張機能は、実際に使用されているCSSルールを表示します。
私はこれを支援するためにnodejsツールを作成しました。現在は単一のファイルを処理しますが、それが役立つか改善されたかをレンメは知っています。気軽にフォークして別のレベルに持って行ってください:)
このシステムはそれを行うと主張しています: http://sourceforge.net/projects/cssmerge/?source=dlp
しかし、私はそれを機能させることができませんでした。
そこで、CSSファイルを比較するためのツールをいくつか紹介します。自動ソリューションほど高速ではありませんが、視覚的な比較だけで行うよりも高速になります。
W3C CSSバリデータを使用して、プロパティの重複を削除できます。 By file uploadをクリックしてcssファイルをアップロードし、チェックをクリックしてから、重複したプロパティが繰り返し表示される警告部分に移動します。次に、ファイル内の特定の行に移動して、重複を削除できます。
URL:http://jigsaw.w3.org/css-validator/#validate_by_upload