有没有一种方法可以自动从生产CSS文件中删除未使用的CSS规则？

Question

我的当前项目中使用了bootstrap和jquery-ui之类的CSS库。 显然，没有使用该库中的大多数规则，所以我想知道是否有一种方法，当使用Visual Studio进行Release构建时，可以使用某种工具从最终的css捆绑中删除未使用的规则吗？

Answer 1

本文在这里对KeyCDN似乎有很多伟大的选择

我将从这篇文章中快速提到，您可以在Chrome开发工具中亲眼看到未应用哪些规则：

1. 打开Chrome开发者工具，然后转到“来源”标签
2. 打开命令菜单
3. 输入“覆盖率”，然后单击“显示覆盖率”选项
4. 从Coverage选项卡中选择一个CSS文件，这将在Sources选项卡中打开该文件。

绿线旁的任何CSS均表示代码已执行。 红色常亮表示它没有执行。 红色和绿色的代码行表示仅执行该行中的某些代码。