有人可以解释我如何组合我的JS和CSS文件?

时间:2013-05-30 12:04:11

标签: javascript css3 minify

我已经完成了关于组合JS和CSS文件的研究。在所有这些方面,我仍然是一个新手所以像Github和谷歌这样的一些缩小和编译器的解释在普通英语中并没有真正意义。

我有以下CSS文件:

  • 自举
  • 自举分钟
  • 自举响应
  • 自举响应分钟
  • prettyPhoto

这些是我的JS文件:

  • 自举
  • bootstrap.min
  • jquery的
  • jquery.prettyPhoto
  • jQuery的迁移-1.2.1
  • 主题

我应该使用哪种工具,如果有人能够逐步解释那就太棒了。

2 个答案:

答案 0 :(得分:2)

如果你想拥有一个大的js和cs文件,那么你可以通过一个接一个地复制和粘贴每个文件的内容,将它们组合成一个,就像你将它们包含在页面上一样。请记住,如果您在其后面包含bootstrap.min文件,则不需要引导程序。它是同一个文件,只有名称中.min的文件是它的缩小版本。 js文件也一样。

然后,如果你想...你可以像这样运行压缩工具: http://refresh-sf.com/yui/

希望一切正常。

答案 1 :(得分:2)

虽然组合文件很容易,但你不应该对库做些什么。此外,对于大多数情况,您不应合并这些文件。

  1. 库往往长时间保持不变,因此最终会被用户缓存。网站加载时间会更快。

  2. 一种好方法是将这些库链接到第三方CDN(Google,JQuery等)。它们在负载平衡方面要好得多,这会增加页面加载时间。 (但可能会有一些DNS查询开销)。

  3. 较大的文件往往会跳过缓存。因此,如果每次下一次调用都会再次下载库,那么拥有大文件会使页面显着变慢。

  4. 当然,您的自定义脚本加入单个文件并且几乎总是建议最小化。