【发布时间】:2017-06-25 02:44:09
【问题描述】:
我正在实现依赖于 Bootstrap 的 Summernote 编辑器,但我使用自己的自定义样式表。这给了我两个问题:
- 它破坏了我的设计,而且 Bootstrap 文件太长,很难找到导致问题的确切选择器。
- 它会加载一个 120kB 的文件,而可能只需要 20-30 个文件(编辑器实际需要渲染好的部分)。
有没有人知道一个工具(可能是在线的)可以将源代码中实际使用的标签、类等与所附样式表进行比较,指出正在使用的内容? 经过长时间的开发过程也可能会有所帮助,您在其中进行了大量编辑,最终可能会得到很多未使用的代码。
【问题讨论】:
-
一个可以考虑的选项是uncss 来识别/删除未使用的CSS。像这样的工具需要构建系统,例如 Gulp 或 Grunt。它只是一种选择,还有更多类似的选择。
标签: html css compare summernote