Kombinieren und Minimieren von JS und CSS in ASP.NET MVC

Question

Oct 06, 2012, 07:53 AM

Kombinieren und Minimieren von JS und CSS in ASP.NET MVC

Ich habe die Standard-ASP.NET MVC 3-Webanwendung erstellt. Dann habe ich drei CSS- und drei JS-Dateien zur Ansicht \ Views \ Shared_Layout.cshtml hinzugefügt:

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

....

Wenn ich die Anwendung starte, ist ich HTML-Code

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

Ist es möglich, einen Handler in MVC zu haben, der mein Ausgabe-HTML so ändert, dass es wie folgt aussieht:

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

Also der Linkjs.axd=/Scripts/jquery-1.5.1.min.js,/Scripts/JScript1.js,/Scripts/JScript2.js Der Inhalt aller dieser JS-Dateien wird an den Browser zurückgegeben und verknüpftcss.axd=/Content/Site.css,/Content/StyleSheet1.css,/Content/StyleSheet2.css Gibt den Inhalt aller CSS-Dateien zurück.

Ich habe vorher etwas in ASP.NET von IHttpHandler gemacht, kann aber nicht herausfinden, wie das in MVC gemacht wird, da ich gerade erst in MVC anfange.

Jede Hilfe und Code-Beispiele werden es zu schätzen wissen. Vielen Dank!