【问题标题】:Is there an easy way to clean up a bootstrap wrap css有没有一种简单的方法来清理引导包装 css
【发布时间】:2015-08-27 21:05:44
【问题描述】:

环顾四周,运气不佳。 简而言之,我购买了一个包含将近 30k 行 css 的包装。我只想获得 1 页所需的 css,这可能是 1000 行 css。

找到了几个插件来加速它,但它仍然是一个非常手动的过程,一次抓取每个类 1。

有什么可以让它更容易吗?

糟糕的是,他们将所有引导代码复制到一个新文件中,并在那里进行了更改。 90% 是原始的引导 css。

找到了 Dust-me firefox 插件,但它只列出了使用的 css 类,所以它仍然是一个手动过程,去他们的 css 并一次复制每个类 1 并且必须确保它与引导程序不同类。

有了所有的包装,我认为这有点普遍,因为大多数都非常混乱。任何建议都会很棒。提前谢谢。

【问题讨论】:

    标签: css twitter-bootstrap


    【解决方案1】:

    编辑:尝试使用像 unused-css 这样的在线工具来隔离页面上使用的那些样式。

    为了隔离非引导代码,确定它们使用的引导版本;您可以在 wrap 与 bootstrap 分布式文件上运行差异。 Try an online app like diffchecker,希望其中大部分只是像你说的那样未触及的引导 css。

    【讨论】:

    • 同意。这是一个选择。仍然主要是手动的。宁愿不花8个多小时一次上一堂课。甚至可能花更少的时间来写一些自动化的东西。就这么简单,我很惊讶我还没有找到更好的自动化方法。
    • 我想我错过了你的意图。像这样的东西会起作用吗? unused-css.com
    • 谢谢理查德。今晚我会试试的。看起来像我要找的东西。
    • 欣赏它。不完美,但会减少工作时间,并且怀疑我会找到更好的。对于其他正在使用它的人。它会将其分解为班级,但不会清理班级本身。因此,如果一个 css 类中有 10 个属性并且 1 个不同,你仍然会得到全部 10 个。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-04-10
    • 1970-01-01
    • 1970-01-01
    • 2013-11-16
    • 2014-04-12
    • 1970-01-01
    相关资源
    最近更新 更多