是否有库可以将多个CSS和JS文件打包和缩小为一个文件

Are there libraries for packing and minifying multiple CSS and JS files into one file each?

本文关键字：文件 小为 缩小 一个 CSS JS 是否      更新时间：2023-09-26

根据奥的高性能网站(第15-16页(，强烈建议尽可能少地发出HTTP请求以获得高性能。因此，有没有一个库可以将多个JS文件组合成一个文件，也有一个库用于CSS？

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

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

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

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

它不仅将把css和javascript合并到一个包中，而且还将压缩它们以进一步提高性能。

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

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

当然有这样的工具！它被称为网络资产。它与Django也很好地结合在一起。

网络资产功能

  • CSS和JS的缩小(压缩(
  • LESS到CSS
  • SASS到CSS
  • 指南针

等等。

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

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

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

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

如果你可以使用PHP工具，请查看CSS JS Booster，它比简单的缩小功能多了一些技巧。例如，将CSS中引用的小图像嵌入到CSS中(data-uri/mhtml(等。

检查这个python脚本。它不是建立在一个框架上的，可以很容易地集成。

http://github.com/hkasera/minify

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

相关文章：