如何移除项目中未使用的 CSS

本文介绍了用于检测未使用的CSS选择器的两个工具：uncss和purifycss。

uncss使用jsdom读取HTML和CSS文件，找到被使用的选择器，然后与全部选择器相减得出未使用的选择器。

purifycss通过AST化CSS，使用插件分析规则来找到被使用的选择器，然后与HTML中引用的选择器相减得出未使用的选择器。

推荐使用uncss，因为它更接近Chrome的coverage功能，支持更多功能。

使用Chrome的devtool可以查看项目中未被使用的JS和CSS。

uncss的核心功能是process函数和getUsedSelectors函数，后者用于找到被使用的选择器。

purifycss的核心功能是purify函数，通过获取内容中的所有单词和CSS选择器来找到未使用的选择器。

如果想在开发阶段查看未被使用的代码，推荐使用Chrome的devtool工具coverage。

uncss和purifycss的原理相似，都是通过分析选择器来找出未使用的CSS。