3

この 質問 が すでに 何度も聞か れていることは知っていますが、それでも自分の状況に適した解決策を見つけることができませんでした.

巨大なCSS ファイルがありますが、現在の Web サイトではその約 50% がまったく使用されていません。残しておきたい貴重なコメントもたくさん含まれています。

CSS ファイルのサイズが大きいため、使用されていない CSS 定義のみを特定できるツールはあまり役に立ちません。未使用の定義を変更して後で正規表現を適用して削除できるツール、または未使用の定義を削除できるツールが必要です。私、自動的に。

CSS の使用法は、使用されていないすべての定義を変更するのに非常に役立ち、正規表現を使用してそれらをすべて簡単に削除できます。問題は、CSS の使用法がファイルからすべてのコメントも自動的に削除することです。

CSS ファイル内の未使用の定義をすべて削除し、すべてのコメントを保持するにはどうすればよいですか?

4

1 に答える 1

5

私はあなたが求めていることを正確に行うことができたと言えますが、それほどきちんとしたものではありません! 実際、私は拡張コードを変更しました（ここで許容できるかどうかはわかりません:-D）が、それを複製する方法は知っています:-) !

拡張コードでこの行をコメントしました

/* CssUsage.js : 110 */
cssSource = cssSource.replace(/\/\*[\S\s]*?\*\//g, "");

のようなコメントを削除します。/* this is a comment */

それは私にこの出力を与えました

とにかく、これを複製したい場合は...
-拡張機能をダウンロードします (保存先..)
- ダウンロード.xpiしたものを winrar などのアプリケーションで開きます
- 110 行目を編集chrome/content/cssusage/CssUsage.jsしてコメントします
- Firefox にドラッグして再インストールします

または、このxpiをダウンロードして、Firefox にドラッグし、拡張機能を再インストールしてください!
おそらく、あなたが言及した正規表現を使用して UNUSED 行を削除するようにすることもできます cssSource = cssSource.replace(/your regex/g, "");

于 2012-08-23T00:00:31.283 に答える