是否有用于将多个 CSS 和 JS 文件打包和缩小到一个文件中的库？答案

【问题标题】：Are there libraries for packing and minifying multiple CSS and JS files into one file each?是否有用于将多个 CSS 和 JS 文件打包和缩小到一个文件中的库？
【发布时间】：2011-12-05 12:46:12
【问题描述】：

根据 O'Reilly 的 High Performance Web Sites（第 15-16 页），强烈建议尽可能少地发出 HTTP 请求以获得高性能。因此，是否有一个用于将多个 JS 文件组合到一个文件中的库，以及一个为 CSS 执行此操作的库？

对于 JavaScript，我现在至少加载了 4 个不同的库，jQuery 1.6.x、一些 jQuery 插件和一个用于应用程序逻辑的应用程序 JavaScript 文件。我还有 2 个 CSS 文件，Bootstrap 和我的应用程序的 CSS 文件。

是否有工具可以促进这一点？如果有一个我可以从 Python 或 Bash（我在 Linux 上）使用的工具来“编译”和缩小多个 CSS 样式表，那就太好了。

（如果这可以作为 Django 插件，那就更好了 [ie manage.py packify static/bootstrap.min.css static/application.css ...]）

【问题讨论】：

标签： javascript python css minify

【解决方案1】：

检查这个 python 脚本。它不是基于框架构建的，可以轻松集成。

http://github.com/hkasera/minify

它也缩小了 js 和 css 文件。它还存储详细的日志文件，说明错误和警告。希望对您有所帮助！

【讨论】：

【解决方案2】：

当然有这样的工具！它被称为webassets。还有integrates fine with Django。

网络资产功能

CSS 和 JS 的缩小（压缩）
少到 CSS
SASS 到 CSS
指南针

等等

【讨论】：

【解决方案3】：

如果您可以使用 PHP 工具，请查看 CSS-JS-Booster，它包含比简单缩小更多的技巧。例如将 CSS 中引用的小图像嵌入到 CSS（data-uri/mhtml）等中。

【讨论】：

【解决方案4】：

您正在寻找的是一个 css 和 javascript 管道。它成为提供此类工具的框架的标准。例如，Rails 3.1 内置了自己的资产管道。

它不仅会将您的 css 和 javascripts 合并到一个包中，而且还会压缩它们以进一步提升性能。

幸运的是，django 也有自己的插件

https://github.com/cyberdelia/django-pipeline

【讨论】：

有没有什么办法可以将LESS与CSS编译绑定到图片中？
是的，看来你可以。它支持LESS和SASS编译。参考readthedocs.org/docs/django-pipeline/en/1.1.18/compilers.html
webassets 集成的编译器较少，请参阅stackoverflow.com/questions/7730346/…
除了网络资产之外还有many tools。

【解决方案5】：

有多种方法。 JavierIEH 已经提到了一个很棒的插件。但是您可以使用 PHP 或任何其他服务器语言轻松地自己构建一个。

但是，如果您从Google Libraries API 加载 JQuery 及其插件，您将获得更多收益。它提供了许多库的缩小版本。

优点是它不会使用您的服务器。浏览器只会对同一服务器进行有限数量的同时连接，因此它允许您的用户同时加载 JQuery 和您自己的 javascript。

而且由于许多网站使用 Google 的库，这些文件可能已经存在于访问者的浏览器缓存中，从而进一步加快了加载速度。

【讨论】：