html - 有没有办法清理 CSS 样式表,以便只保留事件样式

标签 html css less minify

我最近开始从事一个网络应用元素,该元素已由不同的开发人员多次构建和重建。每次构建新版本时,旧版本的样式表都会保留下来,并简单地被新样式表覆盖。截至今天,我有以下表格:

style.css - 2009
styleV2.css - 2011
styleV3.css - 2012
mobile.css - 2013
tablet.less - 2014
main.less - 2014

我设法构建了一个 main.less 文件,它要求所有内容都以正确的顺序排列,然后我编译成 CSS 并将其缩小,这样我就只有一个压缩文件,但即使这样,它也太大了(超过 250kb 的压缩 css!!)。

我知道这些样式表中可能有 50% 的规则未被使用,因为它们被其他样式表覆盖了一次或多次。进行一些手动删除工作量太大,应用程序和 CSS 太大了。

我想知道是否可以在这个 CSS 中只保留“事件”规则。我一直在考虑以某种方式使用 Web 浏览器,因为它知道哪些规则是“事件的”,但我不知道如何将所有可能的事件规则提取到一个新的、更清晰、更轻便的样式表中

最佳答案

grunt-uncss

https://github.com/addyosmani/grunt-uncss

使用 UnCSS 从您的元素中删除未使用的 CSS 的艰巨任务。跨多个文件工作,并支持通过 PhantomJS 动态注入(inject) CSS。

关于html - 有没有办法清理 CSS 样式表,以便只保留事件样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24952675/

相关文章:

javascript - 清除调整大小刷新时的 Jquery css 更改

css - 高度相同的并排 block

css - 显示保持原始字体大小的 SVG

html - 单击以显示 CSS 工具提示

css - 将标签选择器应用于深层嵌套结构中规则的直接父级

javascript - 如何在 Express.js 中使用 Less?

jquery - 使div停留在点击Jquery asp.net

html - 如何将我的按钮放在图像下方并在窗口大小发生变化时使其保持固定?

javascript - 第二次单击时不是 jquery 中的函数错误

css - 如何固定 mat-cell 的高度并设置它溢出?