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

时间:2014-05-12 09:43:28

标签: css node.js optimization

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

关于此主题的精彩博文:http://addyosmani.com/blog/removing-unused-css/ 但是我没有看到你如何将这种方法结合起来(例如由angular指令或异步页面加载生成),这将被uncss模块遗漏。

是否有最佳实现方法,我不想手动进入并删除所有 bootstrap css 我没有使用。

1 个答案:

答案 0 :(得分:0)

我最好的建议是创建一些静态页面,其中包含您预期需要的所有标记的示例,然后针对该标记运行。

即使内容是动态的或异步加载的,您也应该非常了解可能的内容。

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

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

构建一个测试页面,其中包含您预期使用的所有内容。如果您知道有什么要保留的内容,请将其投入使用。否则请相信,知道unss正在执行清除其他所有内容的工作