如何将js最小化用于大型组织的网站

时间:2012-07-13 19:28:17

标签: javascript jquery optimization minify yui-compressor

我正在寻找在我们的网站上使用的JS最小化(也许是CSS)工具。该网站相当大,我们不能单独手动缩小文件。我们还计划对文件使用长期缓存,并且需要像每个文件一样附加版本号。我担心在经常发布时很难跟踪。

我知道像YUI Compressor等工具..但是我不确定它们是如何用于像我这样的大型项目。从技术上讲,我正在寻找一个脚本或应用程序,可以在我们的开发完成后调用,以便与文件的缩小版本一起使用。

大公司使用/遵循这些日子的常见做法是什么?任何帮助表示赞赏。我只是不确定要搜索什么。

谢谢。

1 个答案:

答案 0 :(得分:3)

我建议你使用一种makefile工具链(有很多,例如ant或maven)来:

  • 将js文件连接到一个文件
  • 然后缩小生成的文件(我使用Google Closure Compiler,使用ant目标调用)

请注意,制作一个文件是最重要的操作,因为在现代网络中,由于请求数量导致的延迟比总大小更加负担。通过这种方式,您可以轻松处理数十个或数百个js(或css)文件,并且只要它有助于代码源的可读性和可维护性,就会毫不犹豫地制作新文件。

这消除了出于缓存原因而无需(手动或非手动)管理文件的可见版本。

正如最近所说in another answer,为了帮助调试,我的部署脚本总是并行生成两个版本:一个非连接/缩小,一个连接/缩小。未压缩的版本可以在现场进行开发/测试,无需任何部署操作。