css - 有没有办法在构建 Visual Studio 项目时自动删除未使用的 CSS 规则？

Question

我当前的项目中使用了诸如Bootstrap和jQuery UI之类的CSS 库。很明显，这些库中的大多数规则都没有被使用，所以我想知道当我使用 Visual Studio 进行发布构建时，是否有办法使用一些工具从最终的 CSS 包中删除未使用的规则？

Answer 1

KeyCDN上的这篇文章似乎有很多不错的选择

我会从那篇文章中快速提到，您可以在 Chrome 开发工具中自己查看哪些规则没有被应用：

1. 打开 Chrome 开发工具，然后转到 Sources 选项卡
2. 打开命令菜单
3. 输入“Coverage”并点击“Show Coverage”选项
4. 从 Coverage 选项卡中选择一个 CSS 文件，这将在 Sources 选项卡中打开该文件

任何靠近绿色实线的 CSS 都表示代码已执行。红色常亮表示它没有执行。一行代码同时为红色和绿色，表示该行仅执行了一些代码。