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

Question

有一种方法可以使用uncss https://github.com/giakki/uncss删除未使用的css

关于这个主题的一篇优秀的博客文章:http://addyosmani.com/blog/removing-unused-css/ 但是我没有看到你如何将这种方法结合起来动态内容(例如由angular指令或异步页面加载生成)这将被uncss模块遗漏.

有没有一种最佳方法来实现这一点,我不想手动进入并删除我没有使用的所有bootstrap css.

Answer 1

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

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

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

然而，动态内容不太可能直接需要自己利用网格/布局系统，或者需要任何无关的按钮样式。

构建一个测试页面，其中包含您预期使用的所有内容。如果你知道有一些东西是你想保留的，那就把它扔进去。否则你就可以放心地知道 uncss 正在清理其他所有东西。