如何刪除未使用的CSS，但保留評論？

我知道this question has been asked multiple times already，但我仍然找不到我的情況一個體面的解決辦法。如何刪除未使用的CSS，但保留評論？

我有一個巨大的 CSS文件，在我目前的網站中大約有50％沒有被使用。它還包含我想保留的許多有價值的評論。

由於CSS文件的大小，工具，只能識別未使用的CSS定義是不是非常有幫助 - 我需要一個工具，可以變化我的未使用的定義，所以我可以申請正則表達式來事後刪除它們，或將自動刪除未使用的定義。

CSS Usage做了一項出色的工作，改變了所有未使用的定義，並且我可以使用正則表達式輕鬆移除所有這些定義，問題是CSS Usage還會自動從我的文件中刪除所有註釋。

如何刪除CSS文件中所有未使用的定義，但保留所有註釋？

來源

2012-08-22 amiregelz

我可以說我設法做到你正在要求的東西，但它並不那麼整潔！我實際上修改了擴展代碼（我不知道這是否可以接受，在這裏：-D），但我知道如何讓你複製它:-)！

我評論該線路擴展代碼

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

它消除了像/* this is a comment */

評論它給了我this output

無論如何，如果你想複製這個...
- download the extension（保存爲...）
- 用任何應用程序打開下載的.xpi柯WINRAR
- 編輯chrome/content/cssusage/CssUsage.js和註釋行110
- 它拖動到Firefox重新安裝

或只是下載這個xpi並將其拖動到Firefox重新安裝擴展！
也許你也可以嘗試使用你提到的正則表達式來刪除UNUSED行 cssSource = cssSource.replace(/your regex/g, "");

來源

2012-08-23 00:00:31 UnLoCo

太棒了！這正是我所期待的。謝謝。正則表達式我使用[刪除未使用的定義]（http://stackoverflow.com/questions/11918214/regex-to-match-any-unused-rules-in-css-class-id-etc）是'未使用。* \ {[^}] * \} | UNUSED。* [}] *' – amiregelz

不錯！如果你願意，你也可以寫評論，並要求開發人員添加評論選項:) – UnLoCo

如何刪除未使用的CSS，但保留評論？

回答

相關問題