CSS组合文件&压缩

时间:2011-10-26 04:29:21

标签: css compression

我希望能够在构建时提交一组CSS文件,并完成以下工作:

  • 将所有CSS文件合并为一个CSS文件
  • 合并所有重叠的选择器
  • 删除所有评论
  • 删除不必要的空格
  • 删除空样式

我确定还有其他人,但这就是我的开始。

这是我希望如何访问该工具的首选顺序:

  1. 远程网站
  2. Web Hosted Installed - 与我的网站相同(Debian / PHP 5.2.12)
  3. 已安装本地计算机(Windows 7)
  4. 我看到了CSS Compressor,但它似乎没有组合CSS文件,也没有组合重叠的CSS选择器。

    提前致谢。

3 个答案:

答案 0 :(得分:4)

我建议 YUI compressor ,因为它被广泛使用并且有一个命令行界面。

您还应该考虑使您的构建过程自动化,以便您可以使用单个命令构建所有内容。如果您不想使用现有的构建工具,可以为此类任务创建一个简短的.bat文件。


首先,合并你的文件:

type file1.css file2.css file3.css > combined.css

然后将其传递给YUI压缩器:

java -jar yuicompressor.jar combined.css > combined-min.css

答案 1 :(得分:0)

您可以尝试Chirpy。它将combinecompress个文件,v2会有command line interface

我只在Visual Studio中运行它。

答案 2 :(得分:0)

您应该使用sCSSOptimizer

  • 实施例

如果你想要编译多个css文件,那么

<?php
require('./sCSSOptimizer/scssoptimizer.class.php');

$css1 = file_get_contents("./cssfile1.css");
$css2 = file_get_contents("./cssfile2.css");

$final_css = $css1.$css2; //you can join more, if you want...

$scss = new sCSSOptimizer($final_css);

//$compression_rate = $scss->getCompressionRate();

$compressed_css = $scss->getOptimized();
//do your stuff
?>