CSS重构最佳实践

时间:2010-11-17 08:33:39

标签: ruby-on-rails css

我们正在使用Rails开发一个大型Web应用程序很长一段时间,并为我们的模板生成了大量的CSS。样式表定义按照随项目增长的一堆css文件进行组织。由于人们并不总是像他们应该的那样有纪律,在我看来很多定义已被弃用和无用。

是否有(半)自动方式摆脱这些东西?你如何在项目中识别出无用的CSS?

3 个答案:

答案 0 :(得分:5)

您可以使用Firefox的Dust-Me Selector插件或 CSS redundancy checker

两者都是我经常使用的好工具,它们可以节省您数小时的搜索和删除时间。

值得注意的另一个工具是CSS Tidy开源项目。这会缩小你的CSS,当你有一个巨大的CSS文件网站时,这些情况尤其有用:)


我相信可以找到CSS冗余检查程序的源代码here。通过jsFiddle.net上的JSLint插件进行操作但是给了我一些错误,为每个人here保存了它。

答案 1 :(得分:2)

不完全是'rails'解决方案,但您并不总是需要一个。我使用Dust-Me Selectors firefox插件来查找未使用的选择器。适合我。

编辑:凯尔打败了我

答案 2 :(得分:0)

我们没有特别大的CSS文件(大约3500行),我们发现为每个选择器grep代码库就足够了。 (显然,这可以通过外壳管道,xargs和朋友进行半自动化)。

在这个过程之后,我们最终删除了一些过多的CSS样式,这要归功于我们的一些CSS样式名称是动态生成的(回想起来是一个坏主意)。

关于我们的工作流程和结果的更多细节,我共同撰写了几千个关于我们将CSS从Rails 2.x应用程序转换为资产管道准备,响应和模块化Rails 4.2.x SASS设置的经验。< / p>

CSS Refactoring: From append-only to modular CSS