在前端开发中，我们经常需要使用各种各样的 npm 包来提高我们的开发效率，并帮助我们解决各种问题。其中一个非常有用的 npm 包就是 uncanny，它是一个快速检测和删除未使用 CSS 的工具。
安装 uncanny
使用 npm 安装 uncanny 非常容易，只需要在终端中运行以下命令即可：
npm install -g uncanny
使用 uncanny
uncanny 的使用非常简单，只需要在终端中进入你的项目目录，并运行以下命令：
uncanny ./path/to/your/css/file.css
uncanny 会分析你的 CSS 文件，并输出未使用的 CSS 部分。
以下是一个示例：
-- -------------------- ---- ------- -- -------- -- ---- - ------- -- - -- - ------ ---- - -- - ------ ----- ---------- ----- - - - ---------- ----- -
运行以下命令：
uncanny ./file.css
将会输出：
Warning: The following selectors are not used: h2 p
进一步使用
uncanny 不仅可以检测未使用的 CSS，它还可以删除这些代码。如果你希望使用 uncanny 删除未使用的 CSS，可以使用以下命令：
uncanny ./path/to/your/css/file.css -d
uncanny 会将未使用的 CSS 删除，并在原文件中进行修改。
可以提供标志来保留选择器或使用UNCANNY在内联样式时保留它：
uncanny ./path/to/your/css/file.css -k selectors -i
同时进行未使用的 CSS 的检测和删除，可以使用以下命令：
uncanny ./path/to/your/css/file.css -rd
总结
使用 uncanny 有助于优化 CSS 文件，删除未使用的 CSS 部分，减少文件大小和加载时间，提高页面性能。当你的项目非常大且复杂时，它非常有用。学习和使用这个 npm 包将有助于你提高你的前端开发技能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/75330