通过节点构建工具删除动态站点中未使用的 CSS

【问题标题】：Removing unused CSS in Dynamic sites via node build tools通过节点构建工具删除动态站点中未使用的 CSS
【发布时间】：2015-09-21 06:15:53
【问题描述】：

有一种方法可以使用 uncss https://github.com/giakki/uncss

删除未使用的 css

还有一篇关于这个主题的优秀博文：http://addyosmani.com/blog/removing-unused-css/ 但是，我看不到您将如何组合这种方法动态内容（例如由角度指令或异步页面加载生成），这些内容将被 uncss 模块遗漏。

是否有最佳方法来实现这一点，我不想手动进入并删除所有我不使用的 bootstrap css。

【问题讨论】：

实现这一目标的最佳方法是自己坐下来取下它，你不能完全依靠工具来完成工作
@Mr.Alien 当然，手动做事总是更完美，但我想自动化这个过程。
您可以在页面上线之前放置一个 FORCED 检查点。 “获取页面 > 运行 uncss > 发布”可能是一个可能的工作流程。至少在最初，自动化这将需要一些额外的脚本和检查。

【解决方案1】：

我最好的建议是创建几个静态页面，其中包含您预期需要的所有标记的示例，然后运行 uncss。

即使内容是动态的或异步加载的，您也应该非常清楚哪些内容是可能的。

例如：您很可能需要基本的文本格式、标题、富文本内容、列表、链接、图片等。根据您网站的主题，您还会知道是否需要显示<code>、<kbd> 或 <pre> 标签内的代码示例。

但是，动态内容不太可能直接需要单独使用网格/布局系统，或者需要任何无关的按钮样式。

构建一个包含您预期使用的所有内容的测试页面。如果您知道有什么想要保留，那就把它扔进去。否则，您可以自信地知道 uncss 正在完成它的工作，清除所有其他内容.

【讨论】：