CSS重构最佳实践

Question

3

我们已经用Rails开发了一个大型Web应用程序一段时间，并为我们的模板生产了许多CSS。样式表定义组织在一堆随着项目增长而增长的CSS文件中。由于人们并不总是像他们应该那样有纪律性，我觉得很多定义已经过时和无用。

有没有（半）自动的方法来摆脱这些东西？你如何识别项目中无用的CSS？

- auralbee

3个回答

2

虽然不是一个“rails”的解决方案，但你并不总是需要它。我使用 Dust-Me Selectors 这个火狐插件来查找未使用的选择器。对我很有用。

编辑：kyle比我更快。

- re5et

0

我们的CSS文件并不是特别大（约3500行），我们发现对于每个选择器在代码库中进行grep足以满足需求。（显然，这可以通过shell管道、xargs和其他工具半自动化实现）。

在执行此过程后，由于一些CSS样式名称是动态生成的（回想起来是个坏主意），我们最终删除了太多的CSS样式。

关于我们的工作流程和结果的更多详细信息，我与他人共同撰写了数千字的文章，介绍了我们将CSS从Rails 2.x应用程序转换为资产管道就绪、响应式和模块化的Rails 4.2.x SASS设置的经验。

- Jack Kinsella

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Kyle · Accepted Answer

你可以使用Dust-Me Selector Firefox插件或者~~CSS redundancy checker~~工具。这两个工具都非常好用，我经常使用它们来节省搜索和删除的时间。

另一个值得注意的工具是CSS Tidy开源项目。它可以压缩你的CSS，在你有大量CSS文件的情况下特别有用 :)

我相信可以在这里找到CSS冗余检查器的源代码。我将其通过jsFiddle.net上的JSLint插件运行，但出现了一些错误，为大家保存在这里。