如何组织和缩小大量javascript文件


How to organize and minify lots of javascript files?

我有一个用PHP和JavaScript编写的项目。

例如,我有两个主要的JavaScript文件main1.js和main2.js.

它们使用相同的函数,我想将这些函数提取到lib.js等中

在开发环境中,使用3个不同的文件更有用,但在生产环境中,我希望有2个包含lib.js的缩小文件。

我希望在没有任何预处理的情况下立即看到dev的更改,并且我希望在生产中使用一些预处理。

例如,我可以编写一个javascript函数require(filename)来加载所需的js文件,但如何告诉minilayer在生产中内联包含该文件?

您应该了解YUI Compressor

以及创建makefiles

您也可以使用YUI Compressor 压缩CSS

如果你正在使用netbeans,那么你可以从这里使用插件

插件

你也可以使用

微型

YUI

对于在线压缩

Coffee Script用于缓存浏览器端的js文件。它从所有文件中创建一个js文件,并缩小生成的代码。

您可以在线试用这些用于minimy javascript和css。

http://minify.avivo.si/#results

http://gtmetrix.com/minify-javascript-and-css.html

http://www.minifycss.com/