Combinación y minificación de JS y CSS en ASP.NET MVC

Creé la aplicación web predeterminada ASP.NET MVC 3. Luego añade tres css y js tres archivos a \ Vistas \ vista Shared_Layout.cshtml:Combinación y minificación de JS y CSS en ASP.NET MVC

<!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 corro la aplicación, que es el código HTML

<!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 manejador en MVC para cambiar mi salida hTML a gustar:

<!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">

Así el enlace js.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 el enlace 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 entender cómo hacerlo en MVC, ya que solo soy principiante en MVC.

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

Fuente

2012-10-06 ihorko