Combinando y minimizando JS y CSS en ASP.NET MVC

Question

Oct 06, 2012, 07:53 AM

Combinando y minimizando JS y CSS en ASP.NET MVC

Creé la aplicación web predeterminada ASP.NET MVC 3. Luego agregué tres archivos css y tres archivos js a la vista \ Views \ Shared_Layout.cshtml:

<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/StyleSheet1.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/StyleSheet2.css")" rel="stylesheet" type="text/css" />

    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/JScript1.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/JScript2.js")" type="text/javascript"></script>

</head>
<body>
    <div class="page">
        <div id="header">

....

Cuando ejecuto la aplicación, el código html es

<!DOCTYPE html>
<html>
<head>
    <title>Home Page</title>
    <link href="/Content/Site.css" rel="stylesheet" type="text/css" />
    <link href="/Content/StyleSheet1.css" rel="stylesheet" type="text/css" />
    <link href="/Content/StyleSheet2.css" rel="stylesheet" type="text/css" />

    <script src="/Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
    <script src="/Scripts/JScript1.js" type="text/javascript"></script>
    <script src="/Scripts/JScript2.js" type="text/javascript"></script>

</head>
<body>
    <div class="page">

¿Es posible tener un controlador en MVC para cambiar mi código HTML de salida para que me guste:

<!DOCTYPE html>
    <html>
    <head>
        <title>Home Page</title>
        <script src="js.axd=/Scripts/jquery-1.5.1.min.js,/Scripts/JScript1.js,/Scripts/JScript2.js" type="text/javascript"></script>
        <link href="css.axd=/Content/Site.css,/Content/StyleSheet1.css,/Content/StyleSheet2.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <div class="page">

Entonces el enlacejs.axd=/Scripts/jquery-1.5.1.min.js,/Scripts/JScript1.js,/Scripts/JScript2.js devolverá el contenido de todos estos archivos js al navegador y lo vincularácss.axd=/Content/Site.css,/Content/StyleSheet1.css,/Content/StyleSheet2.css devolverá el contenido de todos los archivos css.

Hice algo antes en ASP.NET por IHttpHandler, pero no puedo encontrar la forma de hacerlo en MVC, ya que solo estoy iniciando MVC.

Cualquier ayuda y ejemplos de código apreciarán. ¡Gracias!