有一种方法可以使用 uncss 删除未使用的 css https://github.com/giakki/uncss
还有一篇关于该主题的优秀博文:http://addyosmani.com/blog/removing-unused-css/ 但是,我看不出您将如何结合这种方法动态内容(例如由 Angular Directive(指令)或异步页面加载生成),uncss 模块将错过这些内容。
是否有实现此目的的最佳方法,我不想手动进入并删除我未使用的所有 bootstrap css。
最佳答案
我最好的建议是创建几个静态页面,其中包含您预计需要的所有标记的示例,然后针对它运行 uncss。
即使内容是动态加载或异步加载的,您也应该对可能的内容有一个很好的了解。
例如:您很可能需要基本的文本格式、标题、富文本内容、列表、链接、图片等。根据您网站的主题,您还会知道是否需要显示<code>
中的代码示例, <kbd>
或 <pre>
标签。
但是,动态内容不太可能直接需要自己利用网格/布局系统,或者需要任何无关的按钮样式。
构建一个包含您预期使用的所有内容的测试页面。如果您知道有一些您想要保留的内容,则将其放入。否则请放心,因为 uncss 正在清理其他所有内容.
关于css - 通过 Node 构建工具删除动态站点中未使用的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23605737/