【发布时间】:2010-11-17 08:33:38
【问题描述】:
我们用 Rails 开发一个大型 Web 应用程序已经有一段时间了,并为我们的模板生成了很多 css。样式表定义组织在一堆随项目增长的 css 文件中。由于人们并不总是像他们应有的那样自律,在我看来,许多定义已被弃用和无用。
有没有(半)自动的方法来摆脱这些东西?您如何识别项目中无用的 css?
【问题讨论】:
标签: ruby-on-rails css
我们用 Rails 开发一个大型 Web 应用程序已经有一段时间了,并为我们的模板生成了很多 css。样式表定义组织在一堆随项目增长的 css 文件中。由于人们并不总是像他们应有的那样自律,在我看来,许多定义已被弃用和无用。
有没有(半)自动的方法来摆脱这些东西?您如何识别项目中无用的 css?
【问题讨论】:
标签: ruby-on-rails css
您可以使用 Firefox 的 Dust-Me Selectors 插件或 CSS redundancy checker。
这两个工具都是我经常使用的好工具,它们可以为您节省数小时的搜索和删除时间。
另一个值得注意的工具是CSS Tidy 开源项目。这会缩小您的 CSS,尤其是在您拥有一个带有巨大 CSS 文件的大型网站的情况下:)
我相信 CSS 冗余检查器的源代码可以在 here 找到。通过 jsFiddle.net 上的 JSLint 插件运行它,但给了我一些错误,为大家保存了它here。
【讨论】:
不完全是“rails”解决方案,但您并不总是需要一个。我使用Dust-Me Selectors firefox 插件来查找未使用的选择器。对我有用。
编辑:凯尔打败了我
【讨论】:
我们没有特别大的 CSS 文件(大约 3500 行),我们发现它足以 grep 每个选择器的代码库。 (显然,这可以通过 shell 管道、xargs 和朋友实现半自动化)。
在这个过程之后,我们最终删除了太多的 CSS 样式,这要归功于我们的一些 CSS 样式名称是动态生成的(回想起来是个坏主意)。
关于我们的工作流程和结果的更多详细信息,我共同撰写了几千字,讲述了我们将 CSS 从 Rails 2.x 应用程序转变为资产管道就绪、响应式和模块化 Rails 4.2.x SASS 设置的经验。
【讨论】: