当前位置：文江博客话题详情

CSS 组合文件 &压缩

发布于 2024-12-11 19:34:01 字数 453 浏览 0 评论 0原文

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

将所有 CSS 文件合并到一个 CSS 文件中
合并所有重叠的选择器
删除所有注释
删除不必要的空白
删除空样式

我确信还有其他的，但这就是我要开始的。

这是我希望如何访问该工具的优先顺序：

远程网站
Web 托管安装 - 与我的网站相同 (Debian/PHP 5.2.12)
本地计算机安装 (Windows 7)

我看到 CSS 压缩器，但它似乎没有组合 CSS 文件，也没有组合重叠的 CSS 选择器。

提前致谢。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

往日 2024-12-18 19:34:01

我会推荐 YUI 压缩器 因为它被广泛使用并且具有命令行界面。

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

首先，合并文件：

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

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

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

I would recommend the YUI compressor since it is widely used and has a command line interface.

You should also consider making your build process automated so that you can build everything with a single command. If you don't want to use an existing build tool you could create a short .bat file for this kind of task.

First, combine your files:

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

then pass it to the YUI compressor:

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

回复收藏 0 原文

溇涏 2024-12-18 19:34:01

您可以尝试 Chirpy。它将结合和压缩文件，v2 有一个命令行界面。

不过我只在 Visual Studio 中运行过它。

回复收藏 0 原文

且行且努力 2024-12-18 19:34:01

您应该使用 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
?>

。

You should use sCSSOptimizer.

Example

If you want to compile more than one css files than do like this

<?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
?>

回复收藏 0 原文

~没有更多了~