Question

I am working on a project where I need to include somewhat around 10-15 .js files in the HTML head section directly like

<script type="text/javascript" src="http://localhost:9020/website1/wa/min/soundmanager2.js,vars.js,utils/md5.js,utils/utils.js></script>

what is the way I can give refrences correctly

the files I need to refre are in the same hierarchy like

1…..2,3
2………4,5
3……..6,7

I need to refer 1,4,7 please help.

somewhere I read this method what’s it?

<script type="text/javascript" src="http://localhost:9020/wordplus/root/child/?b=scripts&f=soundmanager2.js,vars.js,utils/md5.js,utils/utils.js></script>

Answer 1

The example you posted looks exactly like the query string interface for the minify PHP library: http://github.com/mrclay/minify

Using it you use it in the fashion <script src="min/?b=path&f=script1.js,script2.js,ui/script3.js"></script>.
Where path is the path from your web root that you want it to look for scripts under.

I’ve used it before and I’ve found it quite effective. It concatenates, minifies, caches, and serves JS and CSS.

I’m sure there are other libraries to achieve the same effect, alternatively you can create a build script to concatenate and minify all your scripts and then deploy a single JS file to your site, in a single script tag.