【问题标题】:Tool to merge 3 CSS files合并 3 个 CSS 文件的工具
【发布时间】:2011-01-09 02:33:38
【问题描述】:

合并巨大的 CSS 文件非常痛苦,

您好,我在同一行发现了一些问题。我尝试了一些工具,但它们最终会逐行合并,而不是基于基础或 CSS 规则。

现在我想我应该纠正一个好的程序来做以下事情,
1.读取CSS文件转换成XML
2.根据CSS规则排序

现在再编写一个程序来使用 3 个 XML 文件,找到不同的类并根据 CSS 规则很好地合并文件。

结果证明工作量很大,我希望一定有人在我之前遇到过这个问题并以干净的方式解决了它。

请添加您的想法和建议,我很想知道这个工具但是我也很想知道如何为这种工具设计/编码?我的想法是否正确?

谢谢大家,

【问题讨论】:

  • 除了合并它们之外,您还可以考虑将它们全部包含在内,它们将相互层叠。在 CSS 中,最后一条规则始终优先。
  • 是的,可以做到,但如果 CSS 很大.. 说 3 个文件,每个文件大小为 100 KB。然后我放了 300KB 将被下载到每台用户的机器上,这使得它变得很糟糕。
  • 嗯。在我看来,产生“合并”CSS 的最佳实例是浏览器,因为它的计算样式正是正在解析的现有规则。 Firebug 可以显示计算样式,但一次只能显示一个元素。也许存在 Firefox 扩展?快速搜索一无所获,但可能值得调查。

标签: asp.net javascript css


【解决方案1】:

由于顺序在 CSS 中很重要,因此合并文件比简单地连接文件更明智。当然,这在一般情况下是做不到的。在特定情况下,您可能能够生产出可以做到这一点的工具。

【讨论】:

    【解决方案2】:

    a free tool called CSS Merge。你试过了吗?

    【讨论】:

    • 我想知道这个解决方案是否在 2015 年仍然可供公众使用?好像我目前无法安装这个程序,或者它可能无法在线访问?我收到此消息:尝试下载“cssmerge.com/CSS Merge.application”时出错。有关详细信息,请参阅位于“C:\Users\...\AppData\Local\Temp\VSDA7B8.tmp\install.log”的安装日志文件。
    • 呃,cssmerge.com 不是我链接的站点。我不知道你是怎么找到那个主机的。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-10-09
    • 1970-01-01
    • 2012-05-15
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多