Dynamic/Automatic Javascript and CSS Combining and Minification
I know I have seen an article this somewhere (specifically related to Azure too!) but I forgot to bookmark it (doh!) and after hours searching can't find it anywhere :(

I have a MVC Application running in Azure with multiple layout pages and roughly 20+ javascript files (each quite lengthy hence why they are seperate!).

Each layout page includes a couple of script and css files, the rest are added using `@head { }` (razor syntax for adding sections to the layout page outside of the body.

I cannot remember if the article was exactly what I was after but what I would like to do is combine AND minify the nessessary javascript and css files at runtime dependant on the layout and page.

For example if i had a layout file with:

    <script src="script1.js"></script>
    <script src="script2.js"></script>
    <link href="css1.css" />

and a page with

    <script src="pagespecificscript.js"></script>
    <script src="usercontrolspecificscript.js"></script>
    <link href="page.css" />

I would want a 2 minified files to be sent to the user's browser such as

    <script src="201101010800abc-min.js"></script>
    <link href="201101010800abc-min.css" />

Thanks in advance!
Dynamic/Automatic Javascript and CSS Combining and Minification
===

I know I have seen an article this somewhere (specifically related to Azure too!) but I forgot to bookmark it (doh!) and after hours searching can't find it anywhere :(

I have a MVC Application running in Azure with multiple layout pages and roughly 20+ javascript files (each quite lengthy hence why they are seperate!).

Each layout page includes a couple of script and css files, the rest are added using `@head { }` (razor syntax for adding sections to the layout page outside of the body.

I cannot remember if the article was exactly what I was after but what I would like to do is combine AND minify the nessessary javascript and css files at runtime dependant on the layout and page.

For example if i had a layout file with:

    <script src="script1.js"></script>
    <script src="script2.js"></script>
    <link href="css1.css" />

and a page with

    <script src="pagespecificscript.js"></script>
    <script src="usercontrolspecificscript.js"></script>
    <link href="page.css" />

I would want a 2 minified files to be sent to the user's browser such as

    <script src="201101010800abc-min.js"></script>
    <link href="201101010800abc-min.css" />

Thanks in advance!