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

Question

I have a project written on PHP and JavaScript.

For example, I have two main JavaScript files main1.js and main2.js.

They use the same functions, and I want to extract the functions to lib.js etc.

On develop environment it's more useful to use 3 different files, but on production i'd like to have 2 minifyied files with lib.js included.

I want to see changes on dev immediately without any preprocessing, and I want to use some preprocessing on production.

For example I can write a javascript function require(filename) that loads needed js file, but how to tell minifyer to include the file inline on production?

Answer 1

You should look into YUI Compressor

and also into creating makefiles

you can also compress CSS with YUI Compressor

Answer 2

If you are using netbeans then you can use the plugin from here

Plugin

Also you can use

minifycss

YUI

For online compression

Answer 3

Coffee Script is used for caching the js files on browser side. It create a single js file from all files, and minify the resultant code.

Answer 4

you can try these for minify javascript and css online.

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

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

http://www.minifycss.com/