【问题标题】:CSS Refactoring Best PracticeCSS 重构最佳实践
【发布时间】:2010-11-17 08:33:38
【问题描述】:

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

有没有(半)自动的方法来摆脱这些东西?您如何识别项目中无用的 css?

【问题讨论】:

    标签: ruby-on-rails css


    【解决方案1】:

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

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

    另一个值得注意的工具是CSS Tidy 开源项目。这会缩小您的 CSS,尤其是在您拥有一个带有巨大 CSS 文件的大型网站的情况下:)


    我相信 CSS 冗余检查器的源代码可以在 here 找到。通过 jsFiddle.net 上的 JSLint 插件运行它,但给了我一些错误,为大家保存了它here

    【讨论】:

    • 您在此处提到的第二个链接不会为我加载。如果你能找到正确的链接,我很想看看。
    • 嗯,看来它已经一去不复返了。那很奇怪。我看看能不能找到类似的工具:)
    【解决方案2】:

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

    编辑:凯尔打败了我

    【讨论】:

      【解决方案3】:

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

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

      关于我们的工作流程和结果的更多详细信息,我共同撰写了几千字,讲述了我们将 CSS 从 Rails 2.x 应用程序转变为资产管道就绪、响应式和模块化 Rails 4.2.x SASS 设置的经验。

      CSS Refactoring: From append-only to modular CSS

      【讨论】:

        猜你喜欢
        • 2013-10-01
        • 2013-07-03
        • 2011-04-09
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2013-01-04
        • 1970-01-01
        相关资源
        最近更新 更多