免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

開(kāi)源最前線（ID：OpenSourceTop） 猿妹整編

綜合自：https://github.com/uncss/uncss

假如你是一個(gè)前端程序員，在建網(wǎng)頁(yè)的時(shí)候可能會(huì)碰到這樣一種情況：CSS的樣式越來(lái)越多，但是到了后面很多類(lèi)你壓根用不著，這用一句俗語(yǔ)來(lái)形容就有點(diǎn)占著茅坑不拉屎的感覺(jué)了，想要把它們刪了，太麻煩，不把它們刪了，占空間。

今天，猿妹要和大家推薦一個(gè)項(xiàng)目——UnCSS，這個(gè)工具可以從樣式表中刪除未使用的CSS。 它適用于多個(gè)文件，并支持Javascript注入的CSS。

uncss目前已經(jīng)在GitHub上獲得8351個(gè)Star，369個(gè)Fork，并且已經(jīng)有31個(gè)貢獻(xiàn)者，579次提交

（GitHub地址：https://github.com/uncss/uncss）

具體使用起來(lái)也很簡(jiǎn)單，UnCSS刪除未使用規(guī)則的過(guò)程如下：

• HTML文件由jsdom加載并執(zhí)行JavaScript。
• 所有樣式表都由PostCSS解析。
• document.querySelector 過(guò)濾掉HTML文件中找不到的選擇器。
• 其余規(guī)則將轉(zhuǎn)換回CSS。

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

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

本文轉(zhuǎn)自： 猿哥 開(kāi)源最前線