UnCSS-精簡去除多余無用的CSS代碼

摘要： 工具簡介今天一直在找一個可以快捷清除多余沉淀的CSS樣式，下面這個在線工具非常實用 – uncss 。用法：將HTML和CSS復(fù)制并粘貼到下面的框中，點擊按鈕，未曾使用的CSS就會...

工具簡介

今天一直在找一個可以快捷清除多余沉淀的CSS樣式，下面這個在線工具非常實用 – uncss 。

用法：將HTML和CSS復(fù)制并粘貼到下面的框中，點擊按鈕，未曾使用的CSS就會自動刪除，瞬間CSS就精簡了。

工具預(yù)覽

不過需要注意的是UnCSS無法在非HTML頁面上運行，例如模板或PHP文件。如果需要針對模板運行UnCSS，則應(yīng)該從模板生成示例HTML頁面，并對這些生成的文件運行unss，此外，UnCSS僅運行在頁面加載時運行的Javascript。它不會（也不能）處理在點擊按鈕等用戶交互上的Javascript。必須使用該ignore選項來保留用戶交互時添加的Javascript。

UnCSS還可以與其他JavaScript構(gòu)建系統(tǒng)一起使用，例如Grunt，Broccoli或Gulp！具體這個小工具的使用，感興趣的伙伴可以到GitHub詳細(xì)了解。

傳送地址

工具名稱：UnCSS

工具地址：https://uncss-online.com/