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

标签 css node.js optimization

有一种方法可以使用 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/

相关文章:

javascript - 图片悬停jquery效果

list - Haskell 递归地将函数应用于除第一个元素之外的每个元素?

c - 将指针传递给保证归零的内存

node.js - NPM 安装错误 - node-gyp

javascript - 每次事件后创建目录

node.js - 从 NodeJS 中的 Azure Function 访问 SQL 数据库

c# - XNA 优化 - 循环展开?

html - 水平列表中的垂直列表

css - 使用 Webpack 和 Babel 加载 CSS 时出错

css - 文本或 Google 字体未在 Chrome 中显示